0

我很难弄清楚如何解决这个问题。我有一个输入字段和一个提交按钮。我想做的第一件事是在单击提交按钮时将变量的值更改为输入字段的值。

其次，我想在单击提交按钮时运行一个函数。他的案例：单击提交按钮时，我想根据输入字段的值从维基百科检索一个 json 文件。

    <div class="container">
    <div class="row">
        <div class="span8"><p>Please enter your searchterm:</p>
        <input id="input" type="text"  value="Denmark"><br>
            <input type="button" id="submit" value="Search" />
        </div>
        <div class="span4"><div id="result"></div></div>
    </div>
 </div>


<script>
var searchTerm="";
var url="http://en.wikipedia.org/w/api.php?action=parse&format=json&page=" + searchTerm+"&redirects&prop=text&callback=?";

$('#submit').click(function (){
searchTerm='denmark';
});


$.getJSON(url,function fetchWiki(data){
  wikiHTML = data.parse.text["*"];
  $wikiDOM = $("<document>"+wikiHTML+"</document>");
  $("#result").append($wikiDOM.find('.infobox').html());
});

我不知道如何更改该值并在此之后运行该函数。

请多多包涵，我对 JavaScript 比较陌生。

4

1 回答 1

1

您需要防止点击事件的默认操作：

$('#submit').click(function (e){ //pass the event into the function
 e.preventDefault(); //prevent the submit button from actually submitting

 //update your variables
 searchTerm = $("#input").val();
 url="http://en.wikipedia.org/w/api.php?action=parse&format=json&page=" + searchTerm+"&redirects&prop=text&callback=?";


 $.getJSON(url,function fetchWiki(data){
   wikiHTML = data.parse.text["*"];
   $wikiDOM = $("<document>"+wikiHTML+"</document>");
   $("#result").append($wikiDOM.find('.infobox').html());
  });

});

另外，请注意执行搜索的代码需要进入click函数，因为变量需要在单击“提交”后更新。

于 2013-10-24T21:38:41.123 回答