ajax请求方法及参数说明

最新推荐文章于 2023-11-13 11:22:05 发布

转载最新推荐文章于 2023-11-13 11:22:05 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/koushr/p/5873389.html

文章标签：

#json #javascript #ViewUI

本文介绍如何使用jQuery库中的$.ajax()方法发起POST请求，并详细解释了请求中的各个参数，包括URL、数据类型、超时时间和回调函数等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax()请求示例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
    <input id="b1" type="button" value="ajax请求">
    <script type="text/javascript">
        $(function() {
            $("#b1").click(function() {
                //发送异步ajax请求
                $.ajax({
                    url : "https://ela-dmzstg2.pa18.com:52028/pss-esales-ela/redPacket/branchBankList",
                    //data : "bankCode=307",
                    data: {
　　　　　　　　　　　　　　"bankCode": 307
　　　　　　　　　　　　},
                    type : "POST",
                    //预期服务器返回的数据类型
                    dataType : "json",
                    timeout : 1000,//一般情况下20ms就可以返回数据了
                    success : function(data) {
                        //对返回的json数据进行处理，如果是json字符串(字符串类型)的话，需要用JSON.parse()方法或者$.parseJSON()方法转换成json对象。
                        console.info(data);
                    },
                    error : function(data) {
                        alert("失败提示消息");
                        console.info(data);
                    }
                })
            })
        })
    </script>
</body>
</html>

参数说明：

type：默认为get。
timeout：请求超时时间（毫秒）
async：默认为true，异步请求。false为同步请求。
contentType：请求体中数据的编码类型。默认为"application/x-www-form-urlencoded"，值还可以是"multipart/form-data"和"application/json"。
multipart/form-data用于上传附件的情况，application/json用于后台用@requestBody接收数据的情况。
data：要求为object或string类型的参数，具体为什么类型需要看contentType的值。
　　如果contentType为application/x-www-form-urlencoded，则data需为json对象或者普通字符串，如
　　{
　　　　"name": "zhangsan",
　　　　"age": 18
　　}
　　或者name=zhangsan&age=18
　　如果contentType值为application/json，则data需为json字符串，如
　　JSON.stringify(
　　　　{
　　　　　　"name": "zhangsan",
　　　　　　"age": 18
　　　　}
　　)
dataType：要求服务器返回什么类型数据，可用的类型如下：
　　　　　　xml：返回XML文档，请求头Accept值为application/xml, text/xml, */*; q=0.01
　　　　　　html：返回纯文本HTML信息，请求头Accept值为text/html, */*; q=0.01
　　　　　 text：返回纯文本字符串，请求头Accept值为text/plain, */*; q=0.01
　　　　　 json：返回JSON数据，请求头Accept值为application/json, text/javascript, */*; q=0.01
headers：设置所有的请求头信息，例如contentType就可以放在headers中，只不过这时contentType字段要变为Content-Type
　　　　headers:{
　　　　　　"Content-Type":"application/json"
　　　　}