JSONP解决跨域提交数据(jquery jsonp Ajax)

JSONP是一个非常强大的构建mashp的方法,可是不是一个解决跨域访问问题的万能药。它也有一些缺点
第一也是最重要的:JSONP不提供错误处理。如果动态插入的代码正常运行,你可以得到返回,但是如果失败了,那么什么都不会发生。你无法获得一个404错误,也不能取消这个请求
另外一个重要的缺点是如果使用了不信任的服务会造成很大的安全隐患。

最近用JSONP做了一个跨域提交问题:

js 代码
<script>
// rtype 自定义返回类型参数:3 jsonp
function add_attention(uid,fid,opt,flag) {
$.ajax({
url: ' http://服务器域名/ajax_interface_attention_sms.PHP',
type: 'GET', //这里用GET
async: false,
data:{uid: uid,opt: opt,flag: flag,fid:fid, gid: 0,rtype: 3},
dataType: 'jsonp', //类型
jsonp: ' callback',//jsonp回调参数,必需
success: function(result) {
alert(result.message); //回调输出
}
});
}
</script>

PHP 服务端代码:ajax_interface_attention_sms.PHP
<?PHP
$callback = isset($_GET['callback']) ? trim($_GET[' callback']) : ''; //jsonp回调参数,必需
.....
$tmp= json_encode($date); //json 数据
echo $ callback . '(' . $tmp.')'; //返回格式,必需
?>

js 代码

<script>
$("#test").bind("click",function(){$.getJSON("http://www.zhangsuoyong.com/demo/cross/ajax01/2.PHP?jsoncallback=?",function(data){ alert(data);}); }); $("#test2").bind("click",function(){$.ajax({ url :'http://www.zhangsuoyong.com/demo/cross/ajax01/2.PHP?jsoncallback=?', dataType : "jsonp",type : "GET",success :function(data){ alert(data);} }); }); </script>

PHP 服务端代码:

<?PHP
$callback = isset($_GET[' jsoncallback']) ?trim($_GET[' jsoncallback']) : '';
echo $ callback .'(10)';
?>

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...