ajax+jsonp+php 实现跨域请求

痛定思痛。 2022-08-22 00:26 272阅读 0赞

前端

html代码

<li>北京</li>

js代码

$("li").click(function()\{

var area = $(this).text();

$.ajax(\{

url:"http://a.com/index/ajaxgetdoclist",

data:\{"area":area\},

dataType:"jsonp",

jsonp:"callback",

success:function(data)\{

alert(data);

\}

\});

\});

php代码

private function jsonEncode($str)   
    \{    
        return XString::convertEncoding(urldecode(json\_encode($this->urlEncode($str))),"gbk","utf-8");        
    \}    
  
  
    private function urlEncode($str)   
    \{    
        if(is\_array($str))  
        \{    
            foreach($str as $key=>$value)   
            \{    
                $str\[$key\] = $this->url\_encode($value);    
            \}    
        \}   
        else   
        \{    
            $str = urlencode($str);    
        \}    
        return $str;    
    \}

public function ajaxGetDocList($request, $response)

\{

$test = array(array("city"=>"北京","docname"=>"测试","serviceList"=>array("电话咨询","网络咨询","免费转诊")));

$test2Json = $this->jsonEncode($test);

echo $\_GET\['callback'\]."($test2Json)";

\}

jsonp中ajax请求只能是get请求

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关原生js实现jsonp跨域 jquery 实现跨域 vue实现跨域请求

原生js实现jsonp跨域 jquery 实现jsonp跨域 vue实现http跨域请求在不同域名下请求数据就会产生跨域问题同源：同一协议，同一域名，同一端口号。

待我称王封你为后i/ 2023年06月22日 04:29/ 0 赞/ 42 阅读

相关 SpringBoot 跨域请求

问题 @RequestMapping("/demo") @RestController public class CorsTestControll

忘是亡心i/ 2022年10月26日 04:59/ 0 赞/ 264 阅读

相关 Jsonp实现跨域请求数据

深入浅出JSONP--解决ajax跨域问题：[http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html][

喜欢ヅ旅行/ 2022年09月18日 14:56/ 0 赞/ 236 阅读

相关跨域 XMLHttpRequest 请求

跨域 XMLHttpRequest 请求普通网页能够使用[XMLHttpRequest][]对象发送或者接受服务器数据, 但是它们受限于[同源策略][Link

清疚/ 2022年08月04日 15:56/ 0 赞/ 263 阅读

相关跨域请求

1、jsonp（动态创建script标签） <script> var _script = document.createElement('script'); _s

悠悠/ 2022年06月09日 09:52/ 0 赞/ 365 阅读

相关跨域请求

跨域请求，协议,域名,端口有一个不一样都是跨域请求。产生跨域请求的原因：同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功

小咪咪/ 2022年05月26日 05:22/ 0 赞/ 349 阅读

相关 SpringBoot 实现跨域请求

跨域访问支持（Spring Boot、Nginx、浏览器）一、Spring Boot跨域配置我们的后端使用Spring Boot。Spring Boo

╰半橙微兮°/ 2022年05月25日 06:47/ 0 赞/ 287 阅读

相关跨域请求

public void setAccessControl(){ HttpServletResponse response = ServletActionCo

女爷i/ 2022年05月18日 05:42/ 0 赞/ 364 阅读

相关 mui 跨域请求

mui 本身不能跨域需要引入mui.jsonp.js插件 / MUI JSONP varstion 1.0.0 by Houfen

女爷i/ 2022年02月03日 23:59/ 0 赞/ 548 阅读

相关 vue跨域请求

proxyTable: \{ '/test' : \{ target: 'http://127.0.0.1:10000/', changeOrigin: true \}

深碍√TFBOYSˉ_/ 2021年09月14日 04:56/ 0 赞/ 493 阅读