学习ajax总结】的更多相关文章

学习AJAX其实有个很重要的应用,就是为了执行另外几个站点的ASP,返回结果. 真正用起来,发现2个问题,>_> 不许笑,一向做DELPHI,接触ASP不多的我,的确问题大堆. 第一个问题: VBS的变量传递给JS...通过学习发现很简单的... 先看下我大体实现方法: <% dim sSrv1Link sSrv1Link = "http://www.XXX.org/test1.asp?U=TESTUSER&M=111&E=222" %> <…
什么是跨域?说直白点就是获取别人网站上的内容.但这么说貌似又有点混淆,因为通常我们用ajax+php就可以获取别人网站的内容,来看下面这个例子. 来看看跨域的例子,jquery+ajax是不能跨域请求的,因为受到浏览器的同源策略的限制,会报错. 错误: 但是script标签的src是具有跨域能力的,还有img的src属性一样,都能够获取从别人网站的内容.在没说道JSONP之前,我们可以用静态的script标签加上src去获取: 这里的a.js 结果: 在这里说明,a.js是在本地服务器里的,而测…
什么是AJAX?异步JavaScript和XML. AJAX是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 不会AJAX=营养不良 现在站点讲求交互~~~以前也用AJAX,但不系统不深入,所以还是老老实实系统学习一下吧.相信花的这点时间学习,对以后项目帮助是巨大的. 先学习了一个简单的例子,通过点击按钮…
之前公司的ajax学习分享,做一点总结,加深记忆 什么是ajax? 异步的的js和xml,用js异步形式操作xml,工作主要是数据交互 借阅用户操作时间,减少数据请求,可以无刷新请求数据 创建一个对象 oBtn.onclick = function () { // 打开浏览器 var xhr = new XMLHttpRequest(); // 打开地址 xhr.open('get', './1.txt', true); // 提交 xhr.send(); // 等待服务器返回内容 xhr.on…
Ajax 学习         1.ajax的概念              局部刷新技术,不是一门新技术,是多种技术的组合,是浏览器端技术         2.作用             可以实现在当前结果页中显示其他请求的响应内容        3.使用               基本流程                        //创建ajax引擎对象                       //复写onreadystatement函数                    …
一.服务器客户端基础知识 通信是指不同计算机程序的通信,单单通过ip地址就能知道你找的是哪一台计算机,但是不知道是计算机上的哪个应用程序,要想知道是哪个程序就必须通过端口.这时候就可以问端口到底是什么了,简单点说端口就是计算机对外连接的出口,不同的应用程序的出口不同,所以我们可以用端口来判断是哪个应用程序,通常所说的80端口就是最www上网服务端口 在日常生活中我们记住的都是网站的域名,因为域名有意义方便记住,而ip地址不好记住比如www.baidu.com.那我们通过域名来访问网站时其实是分为…
POST 请求 一个简单 POST 请求: xmlhttp.open("POST","demo_post.asp",true); xmlhttp.send(); 带参数: xmlhttp.open("POST","ajax_test.asp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlenco…
1.XHR对象 IE7+.Firefox.Opera.Chrome和Safari都支持原生XMLHttpRequest对象,IE6不支持,只支持ActiveXObject对象,该对象在IE11中已经不再支持了. IE中有三种不同版本的XHR对象MSXML2.XMLHTTP.MSXML2.XMLHTTP.3.0.MSXML2.XMLHTTP.6.0,所以可以通过一下函数创建一个兼容所有浏览器的XHR: function createXHR() { if(typeof XMLHttpRequest…
1.对Ajax的初步认识 1.1. Ajax 是一种网页开发技术,(Asynchronous Javascript + XML)异步 JavaScript 和 XML: 1.2.Ajax 是异步交互,局部刷新: 1.3.Ajax 能减少服务器压力: 1.4.Ajax 能提高用户体验: 2.Ajax交互和传统交互的比较 传统交互:网页整体刷新,服务器压力大,用户体验不好: Ajax 交互:局部刷新,服务器压力小,用户体验好: 3.Ajax核心知识 3.1 XMLHttpRequest对象的创建 所…
Web开发中常用的一种开发方式是:通过Ajax进行系统的交互,采用Ajax进行交互的时候,更多的时候传输的是JSON格式的数据. 所以开发中我们需要将数据格式转化成JSON,请参见:https://www.cnblogs.com/coser/archive/2011/12/14/2287739.html 但是由于Django已经帮我们封装了一些东西,所以我们可以写成格式: ''' Ajax测试 用ajax需要关闭csrf ''' @csrf_exempt def ajax(request): b…
AJAX AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML).异步/同步    同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求:    异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求.AJAX的特点    1. 异步    2. 浏览器页面的局部刷新AJAX的优…
Ajax 应用场景:我们在输入表单进行提交的时候往往会判断输入的数据形式是否正确,这个时候如果我们点击了提交就会刷新页面.如果我们不想要它刷新页面,让它“悄悄的提交数据”,这个时候我们就需要使用ajax. ajax格式: $.ajax({ url:'/host', type:"POST", data:{'k1':'v1','k2':'v2'}, success:function(data):{ if(data == 'lkdfa'){ location.reload();#刷新页面 }…
## 今日内容 1. AJAX: 2. JSON # AJAX: 1. 概念: ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步:客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应.在等待的期间客户端不能做其他操作. * 客户端不需要等待服务器端的响应.在服务器处理请求的过程中,客户端可以进行其他的操作. Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. [1] 通过在后台与服务器进行…
1.什么是Ajax? AJAX的全称是Asynchronous Javascript And XML (异步的JavaScript和XML).是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. ajax是以下几种技术的组合应用: – 基于web标准(standards-based presentation)XHTML+CSS的表示: – 使用 DOM…
一.ajax(Asynchronous JavaScript And XML,即异步的 JS 和 XML) 1.通过 AJAX 可以在浏览器中向服务器发送异步请求实现无刷新获取数据. 2.优势:无刷新获取数据 ① 无需刷新页面而与服务器端进行通信(即无刷新获取数据) ② 可以根据用户事件来更新部分页面内容 ■ 缺点: ① 没有浏览历史,不能回退 ② 存在跨域问题 ③ SEO 不友好,不利于爬取数据 3.注意:AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式. 二.xml(可…
1.nodemon 自动重启工具(自动重启基于nodejs开发的服务端应用) ■ nodemon 是一个工具,通过在检测到目录中的文件更改时自动重新启动node应用程序来帮助开发node.js. //安装nodemon命令(全局安装): npm install -g nodemon 2.解决缓存问题:当请求资源不变(地址栏的url),不再发送新的请求 解决:通过添加一个随机的请求参数[新请求]---通过时间撮new Date( ).getTime( ) 或者 Data.now( )添加随机数 一…
一.JQuery发送Ajax请求 ■ 对于get和post请求,jQuery内部封装了Ajax请求的4个步骤和数据格式的设置 ■ 对于Ajax通用请求,jQuery内部封装了Ajax请求的4个步骤和数据格式设置.超时设置.请求失败设置 (1)jquery-server的get请求: 客户端html处理: $('button').eq(0).click(function () { //$get方法的回调参数接收一个data作为参数---是服务端响应回来的数据(响应体),然后设置响应的数据格式为js…
一.同源策略(Same-Origin Policy),是浏览器的一种安全策略. 1.同源(即url相同):协议.域名.端口号 必须完全相同.(请求是来自同一个服务) 2.跨域:违背了同源策略,即跨域. 3.ajax请求是遵循同源策略的. ■ 同源请求例子(在浏览器访问127.0.0.1:9000/server-orign,然后点击按钮发送同源请求): 服务端对同源请求处理: //3.创建路由规则(request 是请求的报文,response是响应的报文) app.get('/server-or…
1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用input 类型为 button <input type="button" id="id_btn" value="提交"> 1 大坑 -如果在form表单中,写button和input是submit类型,会触发form表单的提交 -如果不想触发…
目录索引: 一.AJAX的概念二.POST && GET三.原生实现AJAX简单示例 3.1 实现代码 3.2 重点说明四.框架隐藏域 4.1 基本概念 4.2 后台写入脚本 4.3 JS主动判断Iframe的改变 4.4 表单提交数据实战五.JQ 的 AJAX 5.1 load() 5.2 $.get() 5.3 $.post() 5.4 $.getScript() 5.5 $.getJson() 5.6 $.ajax() a. 常用的属性说明 b. 常用的事件说明 c. 全局事件说明…
本文转载自:http://www.softeng.cn/?p=107 这是本人在学习ajax过程所做的笔记,通过本笔记的学习,可以完成ajax的快速入门.本笔记前端分别使用原生态的javascript语言和jQuery语言,服务器端使用PHP语言. 一.基础知识 1.创建XMLHttpRequest对象(不同的浏览器获取XMLHttpRequest方法不同) //创建ajax引擎 function getXMLHttpRequest() { var xmlhttp; try { //Firefo…
1.AJAX 简介 AJAX(音译为:阿贾克斯) = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术,也就是在无需重新加载整个网页的情况下,能够更新部分网页的技术.AJAX 不是新的编程语言,而是一种使用现有标准的新方法,是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,传统的…
一.基础概念 1.全称:Asynchronous.JavaScript.And.XML(异步的 JavaScript 和 XML). 2.定义: Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术. 3.包括: XHTML和CSS            使用文档对象模型(DocumentObjectModel)作动态显示和交互            使用XML和XSLT做数据交互和操作            使用XMLHttpRequest进行异…
AJAX(Asynchronous JavaScript and XML)即异步的JavaScript与XML技术,指的是一套综合了多项技术的浏览器端网页开发技术.其实就是为了解决传统页面同步刷新,消耗过多带宽,用户界面效果不友好等问题提出的.而综合多项技术指的是: 运用XHTML+CSS来表达信息: 运用JavaScript操作DOM(DocumentObject Model)来运行动态效果: 运用XML和XSLT操作数据 运用XMLHttpRequest为Agent与网页服务器进行异步数据交…
这里将自己这段时间学习的关于前后台数据交互的笔记写在这里,这里包含了Django传输数据给JS,AJAX的相关问题,跨域问题,如何解决AJAX的跨域问题等等.比较凌乱,请看到这篇博客的盆友见谅,如果我将最近学习的这段内容理清楚了,我会再写一篇易于理解的文章做以巩固. 有时候我们想把一个list或者dict等JSON对象传到网页的JavaScript,用JS进行处理,比如用JS将数据可视化显示到网页上,这里说两种: 1,直接在视图函数中渲染一个list或者dict的内容,和网页其他部分一起显示到网…