JSONP和批量操作功能的实现方法

站长资源 2024/11/28 佚名

63 1538 63

DDR爱好者之家 Design By 杰米

推荐一个好用的在线 Markdown 编辑器，比我自己用 Python 编译成 markdown 要方便多了。

[http://mahua.jser.me]

markdown简明语法教程

[http://www.appinn.com/markdown/]

好东西会让人免费为其推广，希望我自己也能做出几个有用的小工具。

一、JSONP的使用

jsonp，是一种数据格式，用来解决跨域问题。

比如，在 admin.chugang.net 需要一个二维码，而在 www.chugang.net 中已经存在生成二维码的功能。当然可以将www.chugang.net中生成

二维码的代码复制一套到 admin.chugang.net 中。但这造成了代码的重复，此种解决方案，是不被提倡的。于是，我采用 www.chugang.net
提供API供 admin.chugang.net 调用的方案。

admin.chugang.net 使用JS调用 www.chugang.net 的接口，遇到了跨域问题。普通的ajax请求
代码，如下：

$.ajax({
type : "post",
url : 'http://www.chugang.net/api',
dataType : 'json',
data : {'id' : 5, 'type' : 3},
beforeSend : function(){},
success : function(returnMsg){
//
},
error : function(){
} 
});

在使用过程中，若使用的是firefox，firebug插件会提示不能跨域请求。

听别人说过JSONP能解决跨域调用问题，但一直没有遇到过跨域场景，也没有使用过。直到在折腾自己的博客的过程中，因为博客代码的路由功能不完善，导致我使用异步请求输出数据的时候，遭遇跨域问题。直接搜索“JSONP"，对照相关资料，解决了问题。具体代码，我仍然不能
写出，如果需要我再解决相同的问题，我仍然需要查找demo，然后copy过来修改。但我记得，关键词是

$.getJSON

它是用来读取数据的。

前些天，在工作中，遇到类似问题，正好温习一下JSONP。不过，该场景下，并不是读取数据，而是写数据的。网上找来的demo是这样的：

$.ajax({
type : 'post',
url : 'http://www.chugang.net/api',
dataType : 'jsonp',
data : {'username' : 'cg', 'action' : 'add'},
beforeSend: function(){},
success : function(returnMsg){
if(returnMsg.success){ //注意，此处，与普通ajax请求并无差异
//do something
}else{
//do anthorthing
}
},
error : function(){
}
});

这是客户端的，服务端的代码是这样的：

$callBack = isset($_GET['callBack'])"color: #ff0000">二、批量操作功能
列表的批量操作，并且是异步请求，需要向服务端提交两类数据，一个是需要操作的数据的标识，比如PK，一个是操作类型，比如删除。
这个请求由“确定”按钮触发。
获取需要操作的数据的标识，需要遍历


<input type="checkbox" name="id[]" />


用到的JS知识点：遍历、判断是否选中、获取 input 的value。
获取操作类型，需要获取


<select>
<option value="show">Show</option>
<option value="update">Update</option>
</select>


这些操作，快速写出来，我连百分之七十的把握都没有，当然，借助搜索引擎，可以较快搞定。
以上所述是小编给大家介绍的JSONP和批量操作功能的全部叙述，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的,在此也非常感谢大家对网站的支持！

jsonp批量操作,jsonp批量

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JSONP和批量操作功能的实现方法”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月28日

JSONP和批量操作功能的实现方法

原生JS实现-星级评分系统的简单实例

全面解析标签页的切换方式

评论“JSONP和批量操作功能的实现方法”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接