AJax技术

全面解析Ajax和jsonp使用总结(2)

字号+ 作者:H5之家 来源:H5之家 2017-10-29 15:13 我要评论( )

var $input = $("input");$input.keyup(function () { $.ajax({url:'https://sug.so.360.cn/suggest?',//请求360搜索的联想数据type:'get',dataType:'jsonp', //jsonp格式访问data: {word: $input.val()}, }) .done

var $input = $("input"); $input.keyup(function () { $.ajax({ url:'https://sug.so.360.cn/suggest?',//请求360搜索的联想数据 type:'get', dataType:'jsonp', //jsonp格式访问 data: {word: $input.val()}, }) .done(function(data){ console.log(data); }) .fail(function() { alert('服务器超时,请重试!'); }); }) .... <body> <input type="text"> </body>

通过浏览器查看每次输入关键字服务器发送回的数据包,找到js文件中header的地址以及相关的提交数据,发现key为word关键字,因此可以向服务器发送data数据。
服务器返回的数据会自动传给回调的匿名函数的参数data.

相关文章

  • Ajax的原理以及代码封装详解09-10
  • Java使用Ajax实现跨域上传图片功能09-06
  • 使用Ajax时处理用户session失效问题的解决方法08-03
  • jQuery AJAX中readyState与status的区别与联系07-11
  • js原生Ajax的封装和原理详解06-19
  • 使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例06-13
  • 文章评论

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • php+ajax实现仿百度查询下拉内容功能示例

      php+ajax实现仿百度查询下拉内容功能示例

      2017-10-30 09:32

    • ajax技术 始终出去发送状态

      ajax技术 始终出去发送状态

      2017-10-29 08:03

    •  最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

      最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

      2017-10-28 14:07

    •  最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

      最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

      2017-10-28 14:07

    网友点评
    l