如何使用jQuery在GET请求中传递参数

Question

我应该如何在jQuery Ajax请求中传递查询字符串值？我目前按照以下方式执行它们，但我确信有一种更简洁的方法，不需要我手动编码。

$.ajax({

    url: "ajax.aspx?ajaxid=4&UserID=" + UserID + "&EmailAddress=" + encodeURIComponent(EmailAddress),

    success: function(response) {

        //Do Something

    },

    error: function(xhr) {

        //Do Something to handle error

    }

});

我已经看到了查询字符串参数作为数组传递的示例，但是我见过的这些示例不使用该$.ajax()模型，而是直接进入$.get()。例如：

$.get("ajax.aspx", { UserID: UserID , EmailAddress: EmailAddress } );

我更喜欢使用$ .ajax（）格式，因为它是我习惯的（没有特别好的理由 - 仅仅是个人偏好）。

编辑09/04/2013：

在我的问题被关闭后（作为“Too Localized”），我发现了一个相关的（完全相同的）问题 - 3个upvotes no-less（我不喜欢首先找到它）：

使用jquery进行POST，如何正确提供'data'参数？

这完全回答了我的问题，我发现这样做更容易阅读，我不需要encodeURIComponent()在URL或DATA值中手动使用（这是我在bipen的答案中发现的不清楚）。这是因为该data值是通过自动编码的$.param()。为了防止这对任何人都有用，这就是我的例子：

$.ajax({

    url: "ajax.aspx?ajaxid=4",

    data: { 

        "VarA": VarA, 

        "VarB": VarB, 

        "VarC": VarC

    },

    cache: false,

    type: "POST",

    success: function(response) {

    },

    error: function(xhr) {

    }

});

Answer 1

使用ajax的数据选项。您可以通过dataajax中的选项将数据对象发送到服务器，并type定义您发送它的方式（POST或者GET）。默认类型是GET方法试试这个$.ajax({  url: "ajax.aspx",  type: "get", //send it through get method  data: {     ajaxid: 4,     UserID: UserID,     EmailAddress: EmailAddress  },  success: function(response) {    //Do Something  },  error: function(xhr) {    //Do Something to handle error  }});你可以通过（如果你使用PHP）获取数据 $_GET['ajaxid'] //gives 4 $_GET['UserID'] //gives you the sent userid在aspx中，我相信它（可能是错的） Request.QueryString["ajaxid"].ToString(); 

Answer 2

把你的参数放在通话的data一部分ajax。查看文档。像这样：$.ajax({    url: "/TestPage.aspx",    data: {"first": "Manu","Last":"Sharma"},    success: function(response) {        //Do Something    },    error: function(xhr) {        //Do Something to handle error    }});

Answer 3

这是使用jQuery的语法 $.get$.get(url, data, successCallback, datatype)所以在你的情况下，这相当于，var url = 'ajax.asp';var data = { ajaxid: 4, UserID: UserID, EmailAddress: EmailAddress };var datatype = 'jsonp';function success(response) {// do something here }$.get('ajax.aspx', data, success, datatype)注意  $.get不会为您提供设置错误处理程序的机会。但有几种方法可以使用$ .ajaxSetup（），$ .ajaxError（）或.fail在$.get下面链接你的$.get(url, data, success, datatype) .fail(function(){})将数据类型设置为“jsonp”的原因是由于浏览器的原始策略问题相同，但如果您在托管javascript的同一域上发出请求，则应将数据类型设置为json。如果您不想使用jquery，$.get那么请查看为其$.ajax提供更大灵活性的文档