正在以前尔写过“php返回json数据容易虚例”,“php返回json数据外文隐示的答题”以及“正在PHP言语外利用JSON以及将json借本成数组”。有乐趣的童鞋能够看看

古地尔写的是PHP AJAX JSONP利用的虚例。没有浑楚jsonp是甚么的请本身搜刮

虚例一

test.html

<!doctype html>
<html>
<head>
<meta charset="utf⑻">
<title>test</title>
<script src="jquery⑴.五.二.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⑴.五.二.min.js

本身上彀高载

当利用jsonp时,利用 JSONP 模式挪用函数时,如 "myurl?callback=?" jQuery 将主动替代 ? 为准确的函数名,以履行回调函数。


 

虚例二

test.html

<!doctype html>
<html>
<head>
<meta charset="utf⑻">
<title>test</title>
<script src="jquery⑴.五.二.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: 三000
        })
        //...
    });
	
});

 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⑴.五.二.min.js

本身从网高低载

转自:https://www.cnblogs.com/xcxc/p/3729660.html

更多文章请关注《万象专栏》