jQuery插件jQuery-JSONP的开发ajax调用使用注意事项.pdfVIP

jQuery插件jQuery-JSONP开发ajax调⽤使⽤注意事项 j Query-JSONP是⼀个⽀持 JSONP 调⽤的 j Query 插件，使⽤它是因为它⽀持出错时的 aj ax 回调，⽽ j Query 的 $.aj ax 不⽀持。 JSONP 调⽤⽰例代码： 代码如下: var originImgSrc = cnbogs-logo.gif; $.jsonp({ url: , data: { imgSrc: originImgSrc , callbackParameter: callback, success: function (newImgSrc, textStatus, xOptions) { console.log(xOptions.data.imgSrc); , error: function (xOptions, textStatus) { ); 第1个需 注意的地⽅是 callbackParameter ，如果没有专门的 callback 函数，⼀定 写 上 callback ； 第2个需 注意的地⽅是在 success 回调函数中，直接通过变量名 origi ImgSrc 得到的 是 u defi ed ，需 通过 xOptio s.data.imgSrc 获取。 JavaScript、jQuery与Ajax的关系 简单总结： 1、JS是⼀门前端语⾔。 2、Aj ax是⼀门技术，它提供了异步更新的机制，使⽤客户端与服务器间交换数据⽽ ⾮整个页⾯⽂档，实现页⾯的局部更新。 3、j Query是⼀个框架，它对JS进⾏了封装，使其更⽅便使⽤。j Query使得JS与Aj ax的 使⽤更⽅便 详细情况： Actually o ly o e of them is a programmi g la guage . Javascript is a programmi g la guage which is used mai ly i webpages for maki g websites i teractive . Whe a webpage is parsed by the browser , it creates a i -memory represe tatio of the page . It is a tree structure , which co tai s all eleme ts o the page . So there is a root eleme t , which co tai s the head a d the body eleme ts, which co tai other eleme ts, which co tai other eleme ts. So it looks like a tree basically . Now with j avascript you ca ma ipulate eleme ts i the page usi g this tree . You ca pick eleme ts by their id (getEleme tsById), or their tag ame (getEleme tsByTagName), or by simply goi g through the tree (pare tNode , firstChild , lastChild , extSibli g , previousSibli g , etc .) . O ce you have eleme t(s) to work with you ca modify them by cha gi g their look , co te t or positio o the page . This i terface is also k ow as the DOM(Docume t Object Model) . So you ca do everythi g with Javascript that a other programmi g la guage ca do , a d by usi g it embedded i to wepag