使用jquery和ajax顯示錶單的搜索結果

Question

我擁有簡單的表單和腳本，它接收輸入數據並調用爛番茄API並顯示結果。如果我不使用$('#submitid').click(function()，並且var查詢是硬編碼結果顯示正常。如果我僅將$('#submitid').click(function() {})與警報一起使用，則會顯示錶單數據。然而在目前的狀態下，沒有顯示。任何幫助表示讚賞。

<form action=""> 
    <input type="text" id='myid' /> 
    <input value="Search" type="submit" id="submitid" /> 
</form> 

<script> 
    $('#submitid').click(function() { 
     var query = $('#myid').val(); 
     var apikey = "my_api_key_sample"; 
     var baseUrl = "http://api.rottentomatoes.com/api/public/v1.0"; 

     // construct the uri with our apikey 
     var moviesSearchUrl = baseUrl + '/movies.json?apikey=' + apikey; 

     $(document).ready(function() { 
      // send off the query 
      $.ajax({ 
       url: moviesSearchUrl + '&q=' + encodeURI(query), 
       dataType: "jsonp", 
       success: searchCallback 
      }); 
     }); 

     // callback for when we get back the results 
     function searchCallback(data) { 
      $(document.body).append(
       'Found ' + data.total + ' results for ' + query 
      ); 
      var movies = data.movies; 
      $.each(movies, function (index, movie) { 
       var mydata += //code for appending my data 
      }); 

      //displaying mydata on div with id result 
      $('#result').html(mydata); 
     } 
    }) 
    }) 
</script> 

Answer 1

嘗試：

HTML：

<form action="" id="someform"> 
    <input type="text" id='myid'> 
    <input value="Search" type="submit" id="submitid"> 
</form> 

的jQuery：

$(document).ready(function() { 

    $("#someform").submit(function(){ 
     $.ajax({ 
      url: moviesSearchUrl + '&q=' + encodeURI(query), 
      dataType: "jsonp", 
      success: searchCallback 
     }); 
     return false; 
    }); 

}); 

Answer 2

var mydata += //code for appending my data

你需要真正完成這一行或完全註釋掉。此外，最後你有} }) })應該是} });。