跨域ajax请求访问的三种方式

最新推荐文章于 2025-09-11 22:10:09 发布

weixin_33843409

最新推荐文章于 2025-09-11 22:10:09 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/yuhaibo6646737/archive/2012/12/22/2829001.html

本文详细介绍了如何利用jQuery库实现跨域AJAX请求及JSONP技术的应用，包括请求发送、回调函数处理以及错误处理机制。

function callbackFn(data){

}

$.getScript( "http://www.xx.com/xx.do?action=xx&username="+loginName.val()+
"&jsonp=callbackFn");

//                   $.ajax({
//                           async:false,
//                           url: "http://www.xxx.com/xx.do",
////                           url: "http://www.xx.com/xx.do?action=xx&username="+loginName.val(),
//                           type: "GET",
//                           dataType: 'jsonp',
//                           jsonp: 'jsoncallback',
//                           data: {'action':'xx','username':loginName.val()},
//                           timeout: 5000,
//                           beforeSend: function(){
//                           //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
//                           },
//                           success: function (json) {
//                               //客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
////                               var obj=eval("("+data+")");
//                               if(json.actionErrors.length!=0){
//                                       alert(json.actionErrors);
//                                 }
//                                   genDynamicContent(qsData,type,json);
//                                if (obj.isduplicated==true&&obj.success==true) {
//                                   showOk('loginNameL');
//                                   return true;
//                               } else{
//                                   showError("loginNameL", "此用户名已经被人注册");
//                                   return false;
//                               }
//                           },
//                            complete: function(XMLHttpRequest, textStatus){
//                            $.unblockUI({ fadeOut: 10 });
//                           },
//                           error: function(xhr){
//                            //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
//                            //请求出错处理
//                            alert("请求出错(请检查相关度网络状况.)");
//                           }
//                       });

//                   $.getJSON("http://www.xx.com/xx.do?action=xx&username="+loginName.val()+"&jsoncallback=?",
//                              function(obj){
//                       alert(obj.msg);
//                                   if (obj.isduplicated==true&&obj.success==true) {
//                                       showOk('loginNameL');
//                                       return true;
//                                   } else if(data.indexof('duplicate')!=-1){
//                                       showError("loginNameL", "此用户名已经被人注册");
//                                       return false;
//                                   }
//                                });