Ajax笔记

 1 再次复习ajax
 2
 3 ajax库
 4 ajax(url,fnsucc,fnFaild)
 5
 6
 7 function ajax(url, fnSucc, fnFaild)
 8 {
 9     //1.创建Ajax对象
10     var oAjax=null;
11
12     if(window.XMLHttpRequest)//ajax对象的两种获取方法
13     {
14         oAjax=new XMLHttpRequest();
15     }
16     else
17     {
18         oAjax=new ActiveXObject("Microsoft.XMLHTTP");
19     }
20
21     //2.连接服务器
22     oAjax.open(‘GET‘, url, true);
23
24     //3.发送请求
25     oAjax.send();
26
27     //4.接收服务器的返回
28     oAjax.onreadystatechange=function ()
29     {
30         if(oAjax.readyState==4)    //完成
31         {
32             if(oAjax.status==200)    //成功
33             {
34                 fnSucc(oAjax.responseText);
35             }
36             else
37             {
38                 if(fnFaild)
39                     fnFaild(oAjax.status);
40             }
41         }
42     };
43 }
时间: 2024-10-04 00:53:30

Ajax笔记的相关文章

慕课网 Ajax笔记

Ajax技术实现: 运用HTML和CSS来实现页面,表达信息: 运用XMLHttpRequest和web服务器进行数据的异步交换: 运用JavaScript操作DOM,实现动态局部刷新: 同步:就是用户填写完信息之后,全部提交给服务器,等待服务器的回应,是一次性全部的. 异步:当用户填写完一条信息之后,这条信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验. HTTP http是计算机通过网络进行通信的规则.

弄一个ajax笔记方便查询-$.ajax()

$.ajax()是所有ajax方法中最底层的方法,所有其他方法都是基于$.ajax()方法的封装.这个方法只有一个参数,传递一个各个功能键值对的对象. $.ajax()方法对象参数表: 参数 类型 说明 url String 发送请求的地址 type String 请求方式:POST或GET,默认GET timeout Number 设置请求超时的时间(毫秒) data Object或String 发送到服务器的数据,对象或键值对字符串 dataType String 返回的数据类型,比如htm

AjAX(笔记一)

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. XMLHttpRequest 需要三个部分: 1.运用html与css来实现页面: 2.运用XMLHttpRequest和web服务器进行数据的异步交换: 3.运用javascript操作DOM,实现动态局部刷新. 一.XMLHttpRequest对象创建 这是我们要解决的第一个问题XHR(XMLHttpRequest);实例化一个XMLHttpRequest对象:即: var request=new XMLHtt

Ajax笔记(一)

Ajax三步骤: Asynchronous Javascript And XML 1.运用HTML和CSS实现页面,表达信息: 2.运用XMLHttpRequest和web服务器进行数据的异步交换: 3.运用JavaScript操作DOM,实现动态局部刷新: 1.同步:就是用户填写完信息之后,全部提交给服务器,等待服务器的回应,是一次性全部的. 2.异步:当用户填写完一条信息之后,这条信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用

AJAX 笔记

一.什么是 AJAX ? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重 新加载整个网页的情况下,对网页的某部分进行更新. 二.创建对象 (1)XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObjec

妙味ajax笔记

ajax : Asynchronous JavaScript and XML 异步JavaScript和XML 用javascript异步形式去操作xml 数据交互 var oBtn = document.getElementById('btn'); oBtn.onclick = function() { //打开浏览器 var xhr = new XMLHttpRequest(); //在地址栏输入地址 xhr.open('get','1.txt',true); //提交 xhr.send()

Ajax笔记-加强版

AJAX : Asynchronous JavaScript and XML 异步JavaScript和XML 用javascript异步形式去操作xml 进行数据交互 节省用户操作,时间,提高用户体验,减少数据请求 传输获取数据 1.form: 表单:数据的提交 action : 数据提交的地址,默认是当前页面 enctype : 提交的数据格式,默认application/x-www-form-urlencoded method : 数据提交的方式,默认是get方式 method: 1)ge

Ajax笔记(二)

JSON基本概念: JSON:javaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法,类似XML.它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 JSON键.值均要加双引号“”; JSON与XML比较 JSON语法规则 { "employees": [ { "firstName"

[ajax 学习笔记] json数据格式

之前写过ajax传送数据可以用普通文本和XML两种格式.这里记一下json数据格式. json:javascript object notation. 之前分析过,用文本和XML传送数据各有优劣.而json可以轻松地将javascript对象转换成可以随时发送的数据. 一个json数据例子: var people = { "programmers": [ { "firstName": "Brett", "lastName":&