javascript - 如何使用 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:

在我的问题结束后(因为“过于本地化”)，我发现了一个相关的(相同的)问题 - 有 3 次赞成票(我一开始没有找到它是我的坏事):

Using jquery to make a POST, how to properly supply 'data' parameter?

这完美地回答了我的问题，我发现这样做更容易阅读并且我不需要在 URL 或 DATA 值中手动使用 encodeURIComponent() (即我在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 的数据选项。您可以通过 ajax 中的 data 选项和定义发送方式的 type 将数据对象发送到服务器(POST 或 获取)。默认类型是 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();