首页 > 代码库 > PHP AJAX JSONP实现跨域请求使用实例

PHP AJAX JSONP实现跨域请求使用实例

2024-07-10 20:05:01   222人阅读

在之前我写过“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="http://www.mamicode.com/jquery-1.5.2.min.js"></script><script src="http://www.mamicode.com/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 = "http://www.mamicode.com/.......";$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="http://www.mamicode.com/jquery-1.5.2.min.js"></script><script src="http://www.mamicode.com/ajax.js"></script></head><body><form name="form"><input type="text" name="sex"><input type="text" name="age"><input type="button" id="btn" value="http://www.mamicode.com/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

自己从网上下载


联系
我们