在之前我写过“php返回json数据简单实例”，“php返回json数据中文显示的问题”和“在PHP语言中使用JSON和将json还原成数组”。有兴趣的童鞋可以看看

今天我写的是PHP AJAX JSONP使用的实例。不清楚jsonp是什么的请自己搜索

实例1

test.html

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>test</title>

<script src="jquery-1.5.2.min.js"></script>

<script src="ajax.js"></script>

</head>

<body>

</body>

</html>

ajax.js

$.ajax({

	type : "post",

	url : "ajax.php",

	dataType : "jsonp",

	jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)

	jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名

	success : function(json){

		alert('success');

	},

	error:function(){

		alert('fail');

	}

});

ajax.php

<?php 

$data = ".......";

$callback = $_GET['callback'];

echo $callback.'('.json_encode($data).')';

exit;

?>

jquery-1.5.2.min.js

自己上网下载

当使用jsonp时，使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

实例2

test.html

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>test</title>

<script src="jquery-1.5.2.min.js"></script>

<script src="ajax.js"></script>

</head>

<body>

<form name="form">

<input type="text" name="sex">

<input type="text" name="age">

<input type="button" id="btn" value="button" />

</form>

</body>

</html>

ajax.js

$(document).ready(function(){

    $("#btn").click(function(k) {

        //...

        var j = $("form").serializeArray();//序列化name/value

        $.ajax({

			type: 'GET',  //这里用GET

			url: 'ajax.php',

            dataType: 'jsonp',  //类型

			data: j,

			jsonp: 'callback', //jsonp回调参数，必需

            async: false,

            success: function(result) {//返回的json数据

                alert(result.message); //回调输出

                result = result || {};

                if (result.msg=='err'){

                    alert(result.info);

                }else if (result.msg=="ok"){

                    alert('提交成功');

                }else{

                    alert('提交失败');

                }

            },

			timeout: 3000

        })

        //...

    });

});

ajax.php

<?php

$callback = isset($_GET['callback']) ? trim($_GET['callback']) : ''; //jsonp回调参数，必需

$date = array("age"=>$_GET['age'], "message"=>$_GET['age']);

$date["msg"]="err";

$date["info"]="因人品问题，发送失败";

$tmp= json_encode($date); //json 数据

echo $callback . '(' . $tmp .')';  //返回格式，必需

?>

jquery-1.5.2.min.js

自己从网上下载

PHP AJAX JSONP实现跨域请求使用实例的更多相关文章

  1. ajax jsonp的跨域请求

    1.页面ajax的请求 $.ajax({ async: false, url: 'http://localhost:8080/downloadVideos',//跨域的dns/document!sea ...

  2. js中ajax如何解决跨域请求

    js中ajax如何解决跨域请求,在讲这个问题之前先解释几个名词 1.跨域请求 所有的浏览器都是同源策略,这个策略能保证页面脚本资源和cookie安全 ,浏览器隔离了来自不同源的请求,防上跨域不安全的操 ...

  3. 使用jsonp进行跨域请求

    使用jsonp进行跨域请求 在实际的业务中很多时候需要用到跨域请求,然而jsonp为我们提供了一种非常方便的跨域请求的方式,具体实现代码如下: $.ajax({ type:"get" ...

  4. 关于使用Jsonp做跨域请求

    今天在使用Jsonp做跨域请求的练习时碰上这样一个问题 代码如下 <!DOCTYPE html> <html> <head> <meta charset=&q ...

  5. 利用JSONP实现跨域请求

    前言:有时候一忙起来就没了时间观念,原来我已经有十多天没写博客了.一直想做跨域方面的尝试,无奈最近准备校招没时间动动手.今天就先讲讲JSONP吧,昨晚还在研究QQ空间日志里面网络图片的问题呢,我发现日 ...

  6. mvc中使用jsonp进行跨域请求详细说明

    在web开发中,如果你要在不同域下进行数据异步请求,会出现一个No ‘Access-Control-Allow-Origin’ header is present on the requested r ...

  7. Ajax跨域请求数据实例（JSOPN方式）

    今天在做取消申请的时候遇到了一个跨域ajax提交的问题. 情景是: 系统A是asp.net的站点,其中包括一个取消申请的接口(get方式通过参数提交到系统的某一个页面,然后返回提交成功或失败) 系统B ...

  8. Nginx反向代理、CORS、JSONP等跨域请求解决方法总结

    由于 Javascript 同源策略的存在使得一个源中加载来自其它源中资源的行为受到了限制.即会出现跨域请求禁止. 通俗一点说就是如果存在协议.域名.端口或者子域名不同服务端,或一者为IP地址,一者为 ...

  9. CORS和jsonp实现跨域请求

    同源策略:所谓同源是指,域名,协议,端口相同,它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略.当浏览器同时打开两个tab页面(两个不同服务器 ...

随机推荐

  1. CentOS6.3 编译安装LAMP(3)：编译安装 MySQL5.5.25

    所需源码包: /usr/local/src/MySQL-5.5.25/cmake-2.8.8.tar.gz /usr/local/src/MySQL-5.5.25/mysql-5.5.25.tar.g ...

  2. vue2.0学习（二）

    1.关于模板渲染,当需要渲染多个元素时可以 <ul> <template v-for="item in items"> <li>{{ item. ...

  3. h5 hdf5 文件转 tif 流程

    由于需要对h5(hdf5)格式的dem数据进行拼接,但是arcgis不能识别h5的地理参考信息,所以先将h5文件转为带地理参考的tif文件,然后再进行拼接. 工具:arcgis+envi 1.用arc ...

  4. BitMap算法应用：Redis队列滤重优化

    工作中有用到Redis滤重队列. 原来的方法如下: 方法一 为了保证操作原子性,使用Redis执行Lua脚本. 在脚本中的逻辑是,如果队列不超过某个数值,进行一次lrem操作(队列使用list结构), ...

  5. user initialization list vs constructor assignment

    [本文连接] http://www.cnblogs.com/hellogiser/p/user_initialization_list.html [分析] 初始化列表和构造函数内的赋值语句有何区别? ...

  6. gulp基本介绍

    一.gulp是什么 gulp就是用来机械化的完成重复性质(如less->css:js.css压缩:js混淆)的工作:gulp的机制就是将重复工作抽象成一个个的任务. 二.gulp使用 a.首先确 ...

  7. VS2010+C#+EmguCV 配置详解

    在VS2010(VC10)中配置能使用C#开发语言调用Open CV视觉库的方法如下.众所周知,能供C#使用的OpenCV库叫:Emgu CV.注意用C#开发的话,是不需要单独安装OpenCV的,em ...

  8. WCF创建RESTService

    这篇博客将介绍在WCF中创建REST服务相关内容.首先先看一下的项目结构: Contract,Service两个工程为类库工程,需要添加System.ServiceModel, System.Serv ...

  9. 2016"百度之星" - 资格赛（Astar Round1）

    逆元 1001 Problem A 求前缀哈希和逆元 #include <bits/stdc++.h> typedef long long ll; const int MOD = 9973 ...

  10. Xcode UUID查询

    打开终端,输入: defaults read /Applications/Xcode.app/Contents/Info DVTPlugInCompatibilityUUID