Rumah > hujung hadapan web > tutorial js > 如何解决ajax跨域问题?(附代码)

如何解决ajax跨域问题?(附代码)

不言
Lepaskan: 2018-08-15 11:22:09
asal
1490 orang telah melayarinya

本篇文章给大家带来的内容是关于如何解决ajax跨域问题?(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

用两个服务器处理一个项目的代码,其中一台服务器只处理接口请求。

本来PHP可以使用CURL来处理,但是领导不允许使用PHP来处理数据。会影响网站的功能。如果接口端出现问题会导致整个网站或其页面的崩溃,因此使用前端处理数据。就不会产生这种问题。

本文适用于知道跨域,但是不知道跨域为何物的程序员。

 话不多说,PHP程序员们,复制粘贴,就是干!

var url = "http://xxxxxxx/index.php/Home/index/index?shop_id="+ obj +"";
$.ajax({
      url: url,
      type: "GET",
      dataType: "jsonp",  //指定服务器返回的数据类型
      jsonp:'callback',  //回调函数   设置回调函数后端返回必须带有该函数名,否则获取不到数据 会一直走 error
  //processData: false,                  
      success: function (data) {
      console.log(data);
       },
       error: function (data) {
       console.log("请求数据异常,状态码:" + data.status);
       }
       });
Salin selepas log masuk

php 接口代码

public function index()
{
header("Access-Control-Allow-Origin: *"); //允许所有地址访问 可设置访问权限        
header("Access-Control-Allow-Methods:POST,GET");        
header("Access-Control-Allow-Headers:x-requested-with,content-type");        
header("Content-type:text/json;charset=utf-8");
//获取回调函数名,接头暗号  
$callback = I('get.callback');
获取参数  
$aba = I('get.shop_id');//$aa = explode(',',$aba);  
$aaa=[];  
foreach($aa as $v){    
$aaa[]['pageview']= $this->pageview->where(['shop_id'=>$v])->count(); //数据处理  
}
//吐数据    
echo $callback."(".json_encode($aaa).")";
}
Salin selepas log masuk

相关推荐:

ajax 跨域解决方法,ajax跨域

解决ajax跨域的最全方案

ajax跨域 PHP中运用jQuery的Ajax跨域调用实现代码

Atas ialah kandungan terperinci 如何解决ajax跨域问题?(附代码). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan