Как передать несколько переменных в url в jquery ajax?

Question

Я пытаюсь передать несколько значений в методе ниже, но я не могу заставить это работать. Каков правильный синтаксис? Я попытался

data: ('keyword='+$(this).val(),'id='10), 

и

data: {'keyword='+$(this).val(),'id='10}, 

и

data: {'keyword='+$(this).val(),'&id='10}//I have also tried to replace the curly braces with brackets. 

Это работает, так что я думаю, что его проблема синтаксиса?

data: ('keyword='+$(this).val()) 

вот мой полный запрос. Я использую GET, я пробовал использовать POST безрезультатно.

$.ajax({ 
    type: "GET", 
    url: "showhints.php", 
    data: ('keyword='+$(this).val()), 
    beforeSend: function() { 
     $("#search-box").css("background","#FFF url(loading.gif) no-repeat 165px"); 
    }, 
    success: function(data) { 
     $("#suggesstion-box").show(); 
     $("#suggesstion-box").html(data); 
     $("#search-box").css("background","#FFF"); 
    } 
}); 

Answer 1

Проще всего использовать объект буквальным, который затем будет URI кодируется внутри

data: {keyword: $(this).val(), id : 10} 

Answer 2

Попробуйте следующее:

HTML:

<form action=""> 
    <input type="text" name="name"> 
    <input type="text" name="surname"> 
    <input type="submit" name="submitForm"> 
</form> 

Ajax вызова:

var name = $('input[name]'); 
var surname = $('input[surname]'); 
$('input[submitForm]').click(function() { 
    url: 'someLink.php', 
    dataType: json, 
    data: { 
     name: name.val(), 
     surname: surname.val() 
    }, 
    success: function(data) { 
     console.log(data) 
    } 
}); 

Answer 3

Вы бы сделать это как

... 
data: { 
      keyword: $(this).val(), 
      id: 10 
}, 
... 

Answer 4

Вы можете отправить несколько значений, как это

$.ajax({ 
      type: "GET", 
      url: "showhints.php", 
      data: {'key':'value','key':'value',..}, 
      beforeSend: function(){ 
       $("#search-box").css("background","#FFF url(loading.gif) no-repeat 165px"); 
      }, 
      success: function(data){ 
       $("#suggesstion-box").show(); 
       $("#suggesstion-box").html(data); 
       $("#search-box").css("background","#FFF"); 
      }