jquery ajax,ashx,json的用法总结

jQuery AJAX, ASHX, JSON用法总结

AJAX的概念及用法

概念

AJAX（Asynchronous JavaScript and XML）即异步 JavaScript 和 XML技术，在不重载整个网页的情况下，实现了在后台与服务器的异步数据交互。

用法

$.ajax({
    url: "Your URL",
    data: "Your Data",
    type: "POST or GET",
    dataType: "json",
    success: function(data) {},
    error: function() {}
});

以上代码为ajax请求代码的基本格式，可通过指定url、data、type、dataType、success、error来完成Ajax请求。其中，

• url：请求的地址；
• data：请求的数据格式，可以是键值对或字符串；
• type：包括POST和GET两种请求方式；
• dataType：请求返回的数据类型，包括xml、html、json、script等；
• success：请求成功后，响应的回调函数；
• error：请求失败后，响应的回调函数。

ASHX的概念及用法

概念

ASHX文件是一种特殊的ASP.NET Web处理程序，它可以接收并处理任何已发送的HTTP请求。ASHX文件可以与任何语言直接通信，而不限于使用特定的服务器端语言。

用法

public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "application/json";
    context.Response.AddHeader("Access-Control-Allow-Origin", "*");

    // 对接收的数据进行处理
    // ...

    // 返回数据
    context.Response.Write(JsonConvert.SerializeObject(result));
}

以上代码为ASHX文件的基本格式，可通过ProcessRequest函数接收并处理任何已发送的HTTP请求，并返回数据。

JSON的概念及用法

概念

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，具有可读性高、易于解析等优点，目前在前后端数据传输中广泛使用。

用法

{
    "name": "Tom",
    "age": 18,
    "grade": "二年级"
}

以上代码为JSON数据的基本格式，可根据需要定义JSON数据的键值对。

示例

示例1：获取数据并处理

以下代码为从服务端获取数据，并使用JavaScript对数据进行处理。

$.ajax({
    url: "/test.ashx",
    type: "GET",
    dataType: "json",
    success: function(data) {
        // 处理数据
        var name = data.name;
        var age = data.age;
        var grade = data.grade;

        // 显示数据
        console.log("姓名：" + name);
        console.log("年龄：" + age);
        console.log("年级：" + grade);
    },
    error: function() {
        console.log("请求失败");
    }
});

示例2：发送数据并接收返回结果

以下代码为向服务端发送数据，并接收服务端返回的结果。

$.ajax({
    url: "/test.ashx",
    type: "POST",
    dataType: "json",
    data: {
        "name": "Tom",
        "age": 18,
        "grade": "二年级"
    },
    success: function(data) {
        // 显示返回结果
        console.log("返回状态：" + data.status);
        console.log("返回消息：" + data.message);
    },
    error: function() {
        console.log("请求失败");
    }
});

以上就是jQuery AJAX、ASHX、JSON的用法总结，希望能为大家提供帮助。