from django.http import JsonResponse,HttpResponse import json def ax(request): if request.method == 'GET': return render(request,'ax.html') if request.method == 'POST': name = request.POST.get('name') age = request.POST.get('age') if na
今天终于看到了最令我兴奋的一章:JQuery与Ajax的应用。AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式应用的网页开发技术。在最初学习Ajax的日子里,我被ASP.NET AJAX框架提供的UpdatePanel迷惑了,以后Ajax就这么简单,所以在最初做的几个项目里,前台代码里必至少有一个UpdatePanel区域,把要局部刷新的内容全放到这个Panel里面,殊不知一个UpdatePanel只适合于局域网的内部信息系统,不适合在前台互联网中使用,这样效率很低。
所以真实开发中很少直接使用, 而是使用jQuery-Ajax 选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax 相对于传统的Ajax非常好用. 为什么不选择它呢?
DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery-ajax</title> <script DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery-ajax</title> <script DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery-ajax</title> <script
★传统的Ajax是基于XMLHttpRequest(XHR) ☆自己封装的话比较麻烦,可能存在很多bug★Jquery-Ajax是Jquery的一部分 ☆整个Vue是没有使用到Jquery
Xutils3.0 FastJson Mob短信验证 Sliding Menu 3.服务器端: 开发工具:Eclipse 数据库引擎:sqlite3.0数据库引擎 所用技术: Spring MVC Jquery-Ajax
---- 选择一: XMLHttpRequest (XHR) 这种方式配置和调用方式都非常混乱,编码也很复杂,所以真实开发中都不会使用 XHR 这种方式 选择二: jQuery-Ajax 如果项目中使用了的
("#con") con.click(function(){ console.log(); }); 这种情况下我想给返回的数据里的某个id为con的添加点击事件,这种情况下肯定是会报错了,原因是jquery-ajax
上述言论,还有些补充;对于 vue 入门,这是一件非常容易的事儿;但到现实协作中开发,诸多东西都是挺需要探讨一番的;譬如使用 vue-resource 来替代 JQuery-Ajax;再比如 vue 虽然为组件
span>`; oul.appendChild(oli) } },(errCode)=>{ alert(errCode) }) } jQuery-ajax hello(res){ console.log(res) } jsonp({ url : 'http://open.iciba.com/dsapi/', callback : hello }); jQuery-ajax 参考文献 jQuery-ajax:https://api.jquery.com/jQuery.ajax/ Vue-resource:https://github.com/pagekit/vue-resource
htmlobj.responseText); }); }); $.ajax后的url表示要请求的url,当请求这个url时,就会触发对应的phone()视图函数 参考了jquery-ajax
vue-resource: 使用 XMLHttpRequest or JSONP 处理web请求及响应;在最新项目中已用它来取代原先使用的 Jquery-Ajax, 颇为好用,用起来却也得仔细; vuex
Axios 3分钟让你学会axios在vue项目中的基本用法、Axios使用方法详解,从入门到进阶 当作进阶观看: ajax与XHR的理解和使用原生ajax、jquery-ajax、axios与fetch Ajax详解_ajax解析 不懂哪里来的这么多观看Axios3分钟让你学会axios在vue项目中的基本用法Axios使用方法详解,从入门到进阶 当作进阶观看:ajax与XHR的理解和使用原生ajax、jquery-ajax
webpack和gulp对比 手动webpack的配置 Vue Cli是什么 Vue Cli依赖环境 Vue Cli的安装 网络封装 使用传统的Ajax是基于XMLHttpRequest(XHR) 使用jQuery-Ajax
webpack和gulp对比 手动webpack的配置 Vue Cli是什么 Vue Cli依赖环境 Vue Cli的安装 网络封装 使用传统的Ajax是基于XMLHttpRequest(XHR) 使用jQuery-Ajax
modules: { a: moduleA } }) export default store 网络封装 axios网络模块的封装 ajax是基于XMLHttpRequest(XHR);jQuery-Ajax
webpack和gulp对比 手动webpack的配置 Vue Cli是什么 Vue Cli依赖环境 Vue Cli的安装 网络封装 使用传统的Ajax是基于XMLHttpRequest(XHR) 使用jQuery-Ajax modules: { a: moduleA } }) export default store 网络封装 axios网络模块的封装 ajax是基于XMLHttpRequest(XHR);jQuery-Ajax
webpack和gulp对比 手动webpack的配置 Vue Cli是什么 Vue Cli依赖环境 Vue Cli的安装 网络封装 使用传统的Ajax是基于XMLHttpRequest(XHR) 使用jQuery-Ajax modules: { a: moduleA } }) export default store 网络封装 axios网络模块的封装 ajax是基于XMLHttpRequest(XHR);jQuery-Ajax
第一个参数表示当前元素所有匹配元素中的索引号 第二个参数表示当前元素(DOM对象) ================================================================= jQuery-AJAX
modules: { a: moduleA } }) export default store 网络封装 axios网络模块的封装 ajax是基于XMLHttpRequest(XHR);jQuery-Ajax