jQuery Ajax 简单的实现跨域请求

简介: jQuery Ajax 简单的实现跨域请求

html 代码:

<script type="text/javascript" src="http://你的域名/js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript"> 
$(function(){  
$.ajax(  
    {  
        type:'get',  
        url : 'http://你的域名/test.php?loginuser=lee&loginpass=123456',  
        dataType : 'jsonp',  
        jsonp:"jsoncallback",  
        success  : function(data) {  
            alert("用户名:"+ data.user +" 密码:"+ data.pass);  
        },  
        error : function() {  
            alert('fail');  
        }  
    }  
);  
}) 
</script> 
服务端 test.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).")";  
相关文章
|
2月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
36 0
|
6天前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
1月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
14 0
|
1月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
37 0
|
2月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
2月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
38 0
|
Web App开发 前端开发 JavaScript
|
3月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
30 0
|
2月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤