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

javascript jquery ajax get

2022-08-30 00:00:39

我应该如何在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，如何正确提供“数据”参数？

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

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

    },
    error: function(xhr) {

    }
});

答案 1

使用 ajax 的数据选项。您可以通过 ajax 中的选项将数据对象发送到服务器，而 ajax 中定义了如何发送数据对象（或者）。默认类型为方法datatypePOSTGETGET

试试这个

$.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();

答案 2

将参数放在调用部分。请参阅文档。这样：dataajax

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