jquery中ajax跨域方法实例分析


Posted in Javascript onDecember 18, 2015

本文实例分析了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程序设计有所帮助。

Javascript 相关文章推荐
jQuery弹出(alert)select选择的值
Apr 21 Javascript
javascript解析json实例详解
Nov 05 Javascript
JavaScript中的Math.LOG2E属性使用详解
Jun 14 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
Mar 11 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
微信小程序动态的加载数据实例代码
Apr 14 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
js获取文件里面的所有文件名(实例)
Oct 17 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 #Javascript
JavaScript Math.round() 方法
Dec 18 #Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 #Javascript
js格式化时间的方法
Dec 18 #Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 #Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 #Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 #Javascript
You might like
php中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
php记录日志的实现代码
2011/08/08 PHP
探讨php中防止SQL注入最好的方法是什么
2013/06/10 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
php实现上传图片文件代码
2015/07/19 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
Jquery api 速查表分享
2015/01/12 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
微信小程序 基础知识css样式media标签
2017/02/15 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
jquery一键控制checkbox全选、反选或全不选
2017/10/16 jQuery
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
python 把数据 json格式输出的实例代码
2016/10/31 Python
pymysql 开启调试模式的实现
2019/09/24 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
pytorch AvgPool2d函数使用详解
2020/01/03 Python
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
初中英语教学反思
2014/01/25 职场文书
学生请假条
2014/04/11 职场文书
捐助倡议书
2015/01/19 职场文书
会议室管理制度范本
2015/08/06 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js