资讯论坛»论坛 › ※会员之家※ › 技术分享 › PHP+AJAX+JSONP跨域交互实例代码

回帖中禁止出现的内容，违者将被直接永久禁止访问，删除ID处理：1.违反法律法规，包括但不限于出现带有政治、色情、暴恐信息等内容；2.恶意攻击内容，包括但不限于：恶意攻击党和政府、辱骂跟帖者、攻击主题发布者、不服从论坛管理、挑衅管理者、挑战版规等；3.广告、推广内容，尤其出现带有病毒、恶意代码、广告链接等内容，包括但不限于：QQ号、文字QQ号、微信号、手机号、文字手机号、第三方网址、单位公司名称、网站名称等；4.回帖贴出该主题隐藏资源链接或其它主题隐藏资源链接的行为。

查看: 744|回复: 0

PHP+AJAX+JSONP跨域交互实例代码

[复制链接]

升平网络工作室

8436 主题	8471 帖子	9396 积分

管理员

Rank: 9 Rank: 9 Rank: 9

积分: 9396

发表于 2020-5-27 10:36:00 | 显示全部楼层 |阅读模式

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
//使用json方式
$("#send").click(function(){
var cont = $("input").serialize();
$("#result").html("提交中……");
$.ajax({
type : "POST",
data:cont,
async:false,
url : "http://www.spw8.cn/b/fankui/2/add.php",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
success: function(data){
var str = data.username + data.age + data.job;
$("#result").html(str);
},
error: function(){
alert("fail");
},
timeout: 3000
});
});
});
</script>
</head>
<body>
<div id="result">一会看显示结果</div>
<form>
<p><span>姓名：</span><input type="text" name="username" value="admin"/></p>
<p><span>年龄：</span><input type="text" name="age" value="28"/></p>
<p><span>工作：</span><input type="text" name="job" value="work"/></p>
</form>
<button id="send">提交</button>
</body>
</html>

复制代码

<?php
//add.php
header("Content-type:text/html;charset=utf-8");
$username = $_REQUEST["username"];
$age = $_REQUEST["age"];
$job = $_REQUEST["job"];
$jsonp = $_REQUEST["callback"];
$json_arr = array(
"username"=>$username,
"age"=>$age,
"job"=>$job,
"func"=>$jsonp,
);
$json_obj = json_encode($json_arr);
echo "flightHandler($json_obj)";
exit;
?>

复制代码

打赏鼓励一下！

打赏

使用道具举报

返回列表

回帖中禁止出现的内容，违者将被直接永久禁止访问，删除ID处理：1.违反法律法规，包括但不限于出现带有政治、色情、暴恐信息等内容；2.恶意攻击内容，包括但不限于：恶意攻击党和政府、辱骂跟帖者、攻击主题发布者、不服从论坛管理、挑衅管理者、挑战版规等；3.广告、推广内容，尤其出现带有病毒、恶意代码、广告链接等内容，包括但不限于：QQ号、文字QQ号、微信号、手机号、文字手机号、第三方网址、单位公司名称、网站名称等；4.回帖贴出该主题隐藏资源链接或其它主题隐藏资源链接的行为。

新用户