jquery ajax从一个网站向另一个网站请求,怎么实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery ajax从一个网站向另一个网站请求,怎么实现相关的知识,希望对你有一定的参考价值。

普通的ajax是不允许跨域操作的,所以只有一条路可以走那就是jsonp格式交互。

如果不是同域名下就用jsonp。是相同域名,普通的ajax就可以了
您可以百度搜索一下jQuery jsonp找一些实例
$.ajax(
   async:false,
   url:"http://跨域的网址",
   type: "GET",
   dataType: \'jsonp\',
   jsonp: \'jsoncallback\',
   timeout: 5000,
   success:function (data) //客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
   ,
   error: function(xhr)
    //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
    //请求出错处理
    alert("请求出错(请检查相关度网络状况.)");
   
);

参考技术A 1234567891011121314151617<script src="jquery文件路径"></script><script>$(document).ready(function() //用get的方式:向页面 test.php 发送数据,并输出结果(html 或 XML,取决于所返回的内容 $.get("test.php", name: "John", time: "2pm" , function(data) alert("Data Loaded: " + data); ); //用post方式:向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容 $.post("test.php", name: "John", time: "2pm" , function(data) alert("Data Loaded: " + data); );</script>

jQuery 向另一个页面传参,同时跳转到该页面

为了使参数能够传递到另外一个页面,使用ajax的跳转方式

 $.ajax({
       type: "POST",
       url:"/admin/sysjgl/sysjck/sjcs",//请求页面
       data: {data:row.id},
       dataType: "json",
       complete:function(){
          location.href ="/admin/sysjgl/sysjck/index"
     }//跳转页面 
});

url对应的可以为接受参数的方法,而complete对应的可以为处理完参数最终显示的页面或方法。

以上是关于jquery ajax从一个网站向另一个网站请求,怎么实现的主要内容,如果未能解决你的问题,请参考以下文章

如何使用客户的 IP 地址向另一个网站发出请求?

即使正确设置了 document.domain,跨子域 ajax 请求也会被拒绝

jQuery 向另一个页面传参,同时跳转到该页面

使用 jQuery 从跨域 Ajax 请求接收 XML 响应

WAMP Laravel - 从一个本地站点向另一个站点发送API请求混合了环境变量

使用jquery给网站添加下载进度显示