jQuery ajax

最新推荐文章于 2024-08-22 09:38:01 发布

Yichair

最新推荐文章于 2024-08-22 09:38:01 发布

阅读量332

点赞数

分类专栏： javascript 文章标签： jquery ajax

本文链接：https://blog.csdn.net/Yichair/article/details/75528494

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这篇博客主要介绍了使用jQuery的AJAX方法进行POST请求时，如何分别以text和JSON格式接收数据，包括对接收数据的处理和解析方法。

摘要由CSDN通过智能技术生成

post 接收为text

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <input id="username" name="username" type="text">
    <input type="button" value="点击" onclick="ajaxInvoke()">
</body>
<script>
    function ajaxInvoke() {
        var uname=$("#username").val();
        //json
        var opt={
            type:"post",//请求方式
            url:"",//请求地址
            //发的数据,有两种发送方式，用json发送
            data:{
                username:uname,//username后台的键
            },
            dataType:"text",//返回值类型，text和json
            success:function (responseText) {//ajax调用成功进入的方法
                //jQuery把字符串转化为json
                var jasonObj = $.parseJSON(responseText)
            },
            //如果404或后台报异常就会走入error
            error:function () {

            }
        };
        $.ajax(opt);
    }
</script>
</html>

post 接收数据为json

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <input id="username" name="username" type="text">
    <input type="button" value="点击" onclick="ajaxInvoke()">
</body>
<script>
    function ajaxInvoke() {
        var uname=$("#username").val();
        //json
        var opt={
            type:"post",//请求方式
            url:"",//请求地址
            //发的数据,有两种发送方式，用json发送
            data:{
                username:uname,//username后台的键
            },
            dataType:"json",//返回值类型，text和json
            success:function (responseJSON) {//ajax调用成功进入的方法
                //如果dataType是json，后台返回jsonObject或者jsaonArray对象,这个后台json对象直接转化为JS中的json
                //JSon数据
                var a=responseJSON.a;
                var b=responseJSON.b;
                var c=responseJSON.c;
                //json数组
                for(var i=0;i<responseJSON.length;i++){
                    a[i]=responseJSON[i].a;
                    b[i]=responseJSON[i].b;
                    c[i]=responseJSON[i].c;
                }
            },
            //如果404或后台报异常就会走入error
            error:function () {

            }
        };
        $.ajax(opt);


    }
</script>
</html>