jquery中ajax跨域方法实例分析

前端技术 2023/09/04 JavaScript

本文实例分析了jquery中ajax跨域。分享给大家供大家参考，具体如下：

JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问

方法一： jsonp之 getJSON

js

var url = \"http://localhost/mytest/jsonp_php.php?callback=?\";
$.getJSON(url, {
  \"age\": 21,
  \"name\": \"kitty\"
}, function (data) {
  alert(\"name:\" + data.name + \", age:\" + data.age);
});

php

<?php 
  $age=$_GET[\"age\"];
  $name=$_GET[\"name\"];
  $jsondata = \"{age:$age, name:\'$name\'}\";
  echo $_GET[\'callback\'].\'(\'.$jsondata.\')\';
?>

二jsonp之$.ajax

js

$.ajax({
  type: \'GET\',
  url: \'http://localhost/mytest/jsonp_php.php\',
  dataType: \"jsonp\",
  jsonp: \"callback5\",
  jsonpCallback:\"flightHandler\",
  data: {
    \"age\": 21,
    \"name\": \"kitty\"
  },
  success: function (data) {
    alert(\"name:\" + data.sd + \", age:\" + data.aa)
  }
})

php

<?php
  $age=$_GET[\"age\"];
  $name=$_GET[\"name\"];
  $ary=array(\"sd\"=>\"sdfg\",\"aa\"=>23);
   $jsondata=json_encode($ary);
  echo $_GET[\'callback5\'].\'(\'.$jsondata.\')\';
?>

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/9813

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案