jQuery Ajax 简单清晰的实现跨域请求

最新推荐文章于 2024-08-12 12:09:40 发布

ruxingli

最新推荐文章于 2024-08-12 12:09:40 发布

阅读量10w+

点赞数 12

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

本文链接：https://blog.csdn.net/liruxing1715/article/details/18707605

版权

Ajax 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

jQuery

6 篇文章 0 订阅

订阅专栏

HTML代码：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$.ajax(
    {
        type:'get',
        url : 'http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456',
        dataType : 'jsonp',
        jsonp:"jsoncallback",
        success  : function(data) {
            alert("用户名："+ data.user +" 密码："+ data.pass);
        },
        error : function() {
            alert('fail');
        }
    }
);
})
</script>

服务端 validate.php 代码：

<?php
header('Content-Type:text/html;Charset=utf-8');
$arr = array(
	"user" => $_GET['loginuser'],
	"pass" => $_GET['loginpass'],
	"name" => 'response'

);
echo $_GET['jsoncallback'] . "(".json_encode($arr).")";