易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax学习笔记(一)

    对与任意一门语言的学习,我们大都是从基础开始,而对于Ajax的学习我们大可不必,因为它本身就不是一门新的语言,Ajax=Asynchronous javascript and xml。肤浅的说,它就是基本语言混合应用的结果,正由于这种混合不是随心所欲,任意勾兑的,才  有了成系统,成规范的Ajax。
为此,我们一开始就从一个简单的Ajax应用开始,了解各种技术的作用,以及它们之间巧妙的衔接作用:
   Ajax带给我们的:
通过 Ajax,您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象,您的 javascript 可在不重载页面的情况与 Web 服务器交换数据
Ajax在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
Ajax可使因特网应用程序更小、更快,更友好。
Ajax是一种独立于 Web 服务器软件的浏览器技术。
  了解Ajax的核心对象XMLHttpRequest:
 
    我们有必要了解一下XMLHttpRequest对象的三个重要属性。
    1.onreadystatechange属性
    onreadystatechange属性存有处理服务器响应的函数
    e.g:xmlHttp.onreadystatechange=function(){ 写上我们需要它做的事 }
    2.readyState属性
    readyState属性存有服务器响应的状态信息。每当readyState改变时,onreadystatechange函数就会被执行。
    状态0:请求未初始化(在调用open()之前)
        1:请求已提出(调用send()之前)
        2:请求已发送(可以从响应得到内容头部)
        3:请求处理中(响应中通常有部分数据可用,但服务器还没有完成响应)
        4:请求已完成(可以访问服务器并使用它)
    3.responseText属性
        可以通过responseText属性来取回由服务器返回的数据e.g:xmlHttp.responseText
 
   Ajax简单示例: 
test.html文件如下:
<html>
<head>
<script type="text/javascript">
//不同的浏览器创建XMLHttpRequest对象的方法
func


相关文档:

jquery ajax中文处理方法

jquery中用ajax(貌似编码默认为utf-8)如果有中文的话 会出现乱码 下面的解决办法之一:
以下是js中的代码 
classname=encodeURI($('#classname').val());
classdescription=encodeURI($('#classdescription').val());
actionArr={classname:classname,classdescription:classdescription};
$.post("product_class ......

对Ajax的一些浅显理解

现在刚刚看一些关于Ajax的一些知识点。把它写下来,作为知识的备忘录!
 
 
以下纯属个人理解!!!
 
1. Ajax分为页面部分(前端),和后台处理部分(后端,servlet);
 
2. 页面:创建XmlHttpRequest对象,不同的浏览器,所支持的XmlHttpRequest对象不通;
    页面:建立发 ......

AJAX 应用

<script type="text/javascript">
function addUrl(){
//1、设置请求url地址
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2、创建xmlHttpRequest对象
x ......

Ajax示例

客户端代码:
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......

AJAX使用中的注意事项

1、当改变服务器上的状态时应当使用POST方法。不同于GET,需要设置XML- HttpRequest对象的Content-Type首部,如下所示:
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
与GET不同,POST不会限制发送给服务器的净荷的大小,而且POST请求不能保证是幂等的。
你做的大多数请求可能都是G ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号