如何通过jQuery在GET请求参数

我应该如何在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:

在我的问题结束后(因为“太本地化了”)，我发现了一个相关的(相同的)问题- 3个赞(我没有发现它是我的错):

使用jquery做一个POST，如何正确地提供“数据”参数?

这完美地回答了我的问题，我发现这样做更容易阅读&我不需要手动使用encodeURIComponent()在URL或数据值(这是我发现不清楚的bipen的答案)。这是因为数据值通过$.param()自动编码。以防这对其他人有用，这是我用的例子:

$.ajax({
    url: "ajax.aspx?ajaxid=4",
    data: { 
        "VarA": VarA, 
        "VarB": VarB, 
        "VarC": VarC
    },
    cache: false,
    type: "POST",
    success: function(response) {

    },
    error: function(xhr) {

    }
});

当前回答

试着加上这个:

$.ajax({
    url: "ajax.aspx",
    type:'get',
    data: {ajaxid:4, UserID: UserID , EmailAddress: encodeURIComponent(EmailAddress)},
    dataType: 'json',
    success: function(response) {
      //Do Something
    },
    error: function(xhr) {
    //Do Something to handle error
    }
});

根据期望的数据类型，你可以指定html, json, script, xml

2013-03-22 17:36:09

其他回答

下面是使用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()或在$. ajaxerror上链接一个.fail。像下面这样

$.get(url, data, success, datatype)
 .fail(function(){
})

将数据类型设置为“jsonp”的原因是由于浏览器同源策略问题，但如果您在javascript托管的同一域上发出请求，则数据类型设置为json应该没问题。

如果你不想使用jquery $。然后花$去看医生。Ajax提供了更大的灵活性空间

2018-03-29 02:25:44

将参数放在ajax调用的数据部分。去看医生。像这样:

$.ajax({
    url: "/TestPage.aspx",
    data: {"first": "Manu","Last":"Sharma"},
    success: function(response) {
        //Do Something
    },
    error: function(xhr) {
        //Do Something to handle error
    }
});

2013-03-22 17:36:36

试着加上这个:

$.ajax({
    url: "ajax.aspx",
    type:'get',
    data: {ajaxid:4, UserID: UserID , EmailAddress: encodeURIComponent(EmailAddress)},
    dataType: 'json',
    success: function(response) {
      //Do Something
    },
    error: function(xhr) {
    //Do Something to handle error
    }
});

根据期望的数据类型，你可以指定html, json, script, xml

2013-03-22 17:36:09

您可以使用$.ajax()，如果您不想将参数直接放入URL中，则使用data:。它被附加到URL上

来源:http://api.jquery.com/jQuery.ajax/

2013-03-22 17:36:57

data属性允许您发送一个字符串。在您的服务器端代码中，接受它作为字符串参数名称“myVar”，然后您可以解析它。

$.ajax({
    url: "ajax.aspx",
    data: [myVar = {id: 4, email: 'emailaddress', myArray: [1, 2, 3]}];
    success: function(response) {
    //Do Something
    },
    error: function(xhr) {
    //Do Something to handle error
    }
});

2013-03-22 17:37:42

如何通过jQuery在GET请求参数

推荐文章

最新文章

标签