首页 咨询中心 IT学堂
jquery中ajax通过jsonp方法实现跨域请求另外网站的数据内容

通过jquery的ajax中的 jsonp可以实现跨域请求另外一个域名的网站内容.

htmL请求代码清单:

<script type="text/&#106avascript" src="js/jquery-1.4.2.min.js"></script>  

<script type="text/&#106avascript">  

$(function(){  

$.ajax(  

    {  

        type:&#39;get&#39;,  

        url : &#39;http://www.web258.cn/validate.php?loginuser=lee&loginpass=123456&#39;,  

        dataType : &#39;jsonp&#39;,  

        jsonp:"jsoncallback",  

        success  : function(data) {  

            alert("用户名:"+ data.user +" 密码:"+ data.pass);  

        },  

        error : function() {  

            alert(&#39;fail&#39;);  

        }  

    }  

);  

})  

</script>  

服务端 validate.php 代码清单:

<?php  

header(&#39;Content-Type:text/html;Charset=utf-8&#39;);  

$arr = array(  

    "user" => $_GET[&#39;loginuser&#39;],  

    "pass" => $_GET[&#39;loginpass&#39;],  

    "name" => &#39;response&#39;  

  

);  

echo $_GET[&#39;jsoncallback&#39;] . "(".json_encode($arr).")";  

本文关键字,jquery跨域请求,ajax跨域请求通,jsonp方法实现跨域请求另外网站的数据内容

上一篇 ecmall目录结构设置与数据库表及字段的意思
上一篇 a:nth-child(n)是CSS3选择器
本方链接: http://www.web258.cn/article/show/i1554.html
ARTICLE 相关推荐