使用jquery进行AJAX post调用

本文关键字:post 调用 AJAX 进行 jquery 使用 | 更新日期: 2023-09-27 18:01:42

我找不到我想要的任何明确的例子。我想访问样本。aspx,并希望通过POST发送一些纯文本参数(不是查询字符串)。如果成功,我想看看JSON格式的响应。如果它失败了,我想做一些事情来处理它。所以我需要成功和失败函数。

我该怎么做?

使用jquery进行AJAX post调用

纯文本参数通过POST(不是查询字符串)..请详细说明

让我给你解释一下……

现在ajax是如何工作的

1-你发送一个请求(GET/POST)。

注意:访问网页是get请求

2-页面输出响应…

3- jquery读取页面。它读取页面的HTML。如果我用$来访问堆栈溢出。Ajax,我将得到完整的首页HTML ..

这里有一个例子

$.ajax({
  url: "http://stackoverflow.com",
  type: "GET",
  data: {id : 'myid'}, // the url will become http://stackoverflow.com?id=myid
  dataType: "html", // what type of response your expecting 
  success : function(e){ // e is the response 
              console.log(e); // the will log the html of stackoverflow
             }
});

,但如果你期望得到的数据是json服务器端需要做的就是让页面输出(显示)你想要的json字符串jquery会读取它,然后解析为json

下面是一个小的PHP示例

<?php
echo 'hi ' . $_GET['id'] ;
?>
使用上面的jquery代码和这个页面,我将得到响应
'hi myid'
var data = ; //POST PARAMS for send 
$.ajax({
    url: '/sample.aspx',
    type: 'POST',
    contentType: "application/json",
    timeout: 10000,
    dataType: "html",
    data: data,
    success: function (response) {
    },
    error: function (error) {
    }
});