侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 144662 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

jsonp解决跨域问题

2024-04-03 星期三 / 0 评论 / 0 点赞 / 2 阅读 / 3875 字

jQuery中的Ajax: 1.底层接口 $.ajax('url',{ data:'{'name':'lisi','age':23}',//发送到服务器的数据

jQuery中的Ajax:    1.底层接口    $.ajax('url',{        data:'{'name':'lisi','age':23}',//发送到服务器的数据        method:'GET/POST/PUT',//http请求方式        dataType:'json/xml/html/text/script',//从服务器返回你期望的数据类型        error:function(){            //请求失败时候的回调函数        },        success:function(){            //请求成功时候的回调函数        }    });    或者:    $.ajax({        url:'url',        data:'{'name':'lisi','age':23}',//发送到服务器的数据        method:'GET/POST/PUT',//http请求方式        dataType:'json/xml/html/text/script',//从服务器返回你期望的数据类型        error:function(){            //请求失败时候的回调函数        },        success:function(){            //请求成功时候的回调函数        }    });    2.Ajax快捷函数        $.get('url',data,success(data,textStatus,jqXHR),dataType);        $.post('url',data,success(data,textStatus,jqXHR),dataType);        $.getJSON('url',data,success(data,textStatus,jqXHR));        $dom.load(url[,data][,complete(responseText,textStatus,XMLHttpRequest)]);        如果 url 参数的字符串中包含一个或多个空格,那么第一个空格后面的内容,        会被当成是 jQuery 的选择器,从而决定应该加载返回结果中的哪部分内容。        $('#result').load('ajax/test.html #container');//载入test.html中的 $("#container")    3.jqXHR(jQuery XHR对象)        var jqXHR = $.ajax('url',{            data:'{'name':'lisi','age':23}',//发送到服务器的数据            method:'GET/POST/PUT',//http请求方式            dataType:'json/xml/html/text/script',//从服务器返回你期望的数据类型            error:function(){            //请求失败时候的回调函数            },            success:function(){            //请求成功时候的回调函数            }        });        jqXHR.done(function(data,textStatus,jqXHR) {             //表示ajax调用成功        })        jqXHR.fail(function(jqXHR,textStatus,errorThrown) {            //表示ajax调用错误        })        jqXHR.always(function(data|jqXHR,textStatus,jqXHR|errorThrown) {             //表示ajax完成, 无论是成功或错误,该方法接受一个函数参数,用来请求终止时被调用。        })

例子:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jQuery</title>    <script src="jquery-2.1.4/jquery.min.js"></script>    <script>        $(function () {           //用jsonp解决跨域访问            $(function(){                //用jsonp解决跨域访问                $.ajax('http://172.16.7.76/web/a.js',{                    method:'GET',                    dataType:'jsonp',                    jsonp:'foo',                    jsonpCallback:'test'                });            });            //处理拿到的数据            function test(val) {                console.log(val);            }        });    </script></head><body></body></html>

 

广告 广告

评论区