JS AJAX

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

一、简介

AJAX=异步 JabaScript和XML。

AJAX是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

二、创建对象

XMLHttpRequst是AJAX的基础,简称XHR。

创建XHR对象的语法:

var xhr=new XMLHttpRequest();

三、发送请求

向服务器发送请求,我们使用XHR对象的Open()和send()方法。

GET和POST

从性能上来讲POST请求比GET请求消耗更多一些,用相同数据比较,GET最多比POST快两倍。所以,GET的使用频率要比POST高。然后在一些情况下需要使用POST请求:

1、无法使用缓存文件(更新服务器上的文件或数据库)

2、向服务器发送大量数据(POST没有数据量限制)

3、发送包含未知字符的用户输入时,POST比GET更稳定也更可靠。

url-服务器上的文件

open()方法的url参数是服务器上文件的地址。该文件可以是任何类型的文件,比如.txt和.xml,或者服务器脚本文件,比如.asp和.php。

异步-True或False?

AJAX指的是异步JavaScript和XML(Asynchronous JavaScript and XML)。

XMLHttpRequest对象如果要用于AJAX的话,其open()方法的async参数必须设置为true.

当使用async=true时,规定在响应处于onreadystatechange事件中的就绪状态时执行的函数。我们不推荐使用async=false,但是对于一些小型的请求,也是可以的。

四、响应

如需获得来自服务器的响应,应使用XMLHttpRequest对象的responseText或responseXML属性。

如果来自服务器的响应并非XML,使用responseText属性。

如果来自服务器的响应是XML,而且需要作为XML对象进行解析,使用responseXML属性。

小结:

        对于AJAX先有一个宏观的把控,然后再具体地细分知识点进行梳理。学习就是这样一个宏观与细节并重的过程。对于AJAX的学习仅是一点基础与入门。更多的内容请点击:

http://www.w3school.com.cn/ajax/index.asp

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-13 12:38:20

JS AJAX的相关文章

JavaScript学习总结【12】、JS AJAX应用

1.AJAX 简介 AJAX(音译为:阿贾克斯) = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术,也就是在无需重新加载整个网页的情况下,能够更新部分网页的技术.AJAX 不是新的编程语言,而是一种使用现有标准的新方法,是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,传统的

将微博或者qq空间的说说同步至博客园 wcf+js(ajax)跨域请求(1)

前天刚写了篇文章使用Bootstrap为你的博客园自定义轮播图片(今天将图片加载的顺序调整了下,不在访问的时候直接加载,而是页面加载最后在脚本里面动态添加dom元素),虽说技术含量不怎么高,但是大家还算感兴趣.其实对博主来说最关键是博客的积分在涨.所以趁热打铁,再来一篇使用wcf+js ajax跨域请求数据同步空间说说的帖子. 因为是请求qq说说的数据,所以要登陆我的qq,这个很麻烦,总不能让每个访客都登陆的qq,然后把数据取出来吧,而且qq也没有相关的接口提供,登陆的时候还要处理验证码.所以这

简单的前端js+ajax 购物车框架(入门篇)

其实,一直想把自己写的一些js给总结下,也许是能力有限不能把它完美结合起来.只能自己默默的看着哪些代码,无能为力. 今天在公司实在没有事做,突然就想到写下商城的购物车的前端框架,当然我这里只有购物车的增删改查,也许写的并不是那么完善,但最重要的是一个入门,也希望js达人给些建议,好让我更上一个台阶. HOHO~~~开始咯: Js: //为了省事,就没写自己的js ajax了 用了jquery的,当然你也可以添加到jquery的扩展方法内,哈哈,我太懒了,所以就写这里了. var _$ = { A

js Ajax的几种操作方法

具体网址:http://blog.sina.com.cn/s/blog_bfa00a970101c5ns.html 第一种: $.ajax({                type: "POST",                url: "VIPManager/VipHandler.ashx",                data: "Method=LogOut",                async: false, //是否异步 

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家,需要了解的朋友可以参考下 很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家. 什么是JSONP协议? JSONP即JSON w

js ajax 传送xml dom对象到服务器

客户端代码 1 <script> 2 var isie = true; 3 var xmlhttp = null; 4 function createXMLHTTP() {//创建XMLXMLHttpRequest对象 5 if (xmlhttp == null) { 6 if (window.XMLHttpRequest) { 7 xmlhttp = new XMLHttpRequest(); 8 } 9 else { 10 xmlhttp = new ActiveXObject("

Stripes视图框架Java对象属性验证和prototype.js Ajax的测试

Stripes视图框架Java对象属性验证,它允许对字段设置是否必须填写,对数字大小进行限制等.我用prototype.js Ajax 将验证后的数据及时地展示出来,下面来看程序. 1.编写User实体类 此用户共三个属性: name.email.age. package com.boonya.stripes.entity;      public class User {              private String name;              private String

JS+ajax制作新浪微博文字效果

JS+ajax制作新浪微博文字效果,新浪微博效果,文字淡入效果.JS代码 下载地址:http://www.huiyi8.com/sc/6426.html(转载请注明此处)

js ajax 向后台传递数组

//定义数组 var _arrays = []; for (var i = 0; i < 10; i++) { _shangpins.push(i); } //post $.post(href, {list: _arrays} ); //get post datas var shangpins = Request.Params.GetValues("list[]"); js ajax 向后台传递数组

js Ajax点击链接弹出一个DIV层窗口

下面是在实际项目中截取的部分代码,如果你想下载下来直接使用,可以点击这里点击文字弹出一个DIV层窗口代码. 效果图 HTML代码 <div class="cb pt10 mlf10"> <a href="__APP__/Article/chatpwd/value/7" onclick="verify(this);return false;" target="_blank" class="button