如何将变量添加到$ .ajax的URL({url:“”});

时间:2012-12-27 03:14:52

标签: javascript jquery ajax url input

我希望用户能够将URL地址的一部分更改为其邮政编码。我有一个文本框和按钮,我希望将该值提交给URL。

jQuery的:

jQuery(document).ready(function($) {
    $.ajax({ 
        url : "http://SomeAddress.com/" + PostCode + ".json",
        dataType : "jsonp",
        success : function(parsed_json) {

HTML:

<input type="text" id="GetPostCode" />
<button id="SetPostCode">Set This Post Code</button>

jQuery的:

$("#SetPostCode").click(function() {
    var PostCode = document.getElementById("GetPostCode").value;
    $("#GetPostCode").val(" ");
    return false;
});

我理解这一行

$.ajax({ 
    url : "http://api.wunderground.com/api/2508132ae0c7601a/geolookup/conditions/q/UK/" + PostCode + ".json",

不起作用,但我不知道还能做什么。有人可以告诉我我需要做什么才能使其发挥作用吗?

1 个答案:

答案 0 :(得分:7)

jQuery(document).ready(function($) {

   var PostCode=1;
   $.ajax({ url : "http://SomeAddress.com/"+PostCode +".json",
   dataType : "jsonp"
   //.... more stuff
  });


  $("#SetPostCode").click(function() {
     PostCode = document.getElementById("GetPostCode").value;
     $("#GetPostCode").val(" ");
     return false; 
  });

});

上面的工作方式是因为PostCode现在是jQuery的全局,可以在任何地方访问