jquery ajax的load()方法
oad()方法
load( url [,data] [,callback]) data是Object类型,发送至服务器的key/value数据
例:
$(function(){
$("#send").click(function(){
$("#resText").load("test.html"); //将test.html的内容加载到id为“resText”的元素里
});
});
$("#resText").load("test.html .para"); //url参数的语法结构为"url selector",示例中只需加载test.html 中class为para的内容
传递方式:
传递方式根据参数data来自动指定,如果没有参数,则采用get方式;有参数自动转换为post方式。
$("restText").load("test.php",function(){....}); //没有data参数,采用get方式
$("restText").load("test.php",{name:"rain",age:"22"},function(){....}) //有data参数,采用post方式
回调函数:
该函数有3个参数,分别代表请求返回的内容、请求状态 和 XMLHttpRequest对象
$("#restText").load("test.html",function(responseText,textStatus,XMLHttpRequest){
//responseText:请求返回的内容
//textStatus:请求的状态:success,error,notmodified,timeout 4种
//XMLHttpRequest:XMLHttpRequest对象
});
相关文档:
AJAX乱码解决
用过AJAX的朋友肯定知道javascript是使用UTF-8国际编码,即每个汉字用4个字节来存储,但是这就造成了用AJAX来send数据的时候出现乱码。
Ajax乱码产生主要有2个原因
1. xtmlhttp 返回的数据默认的字符编码是utf-8,如果前台页面是gb2312或者其它编码数据就会产生乱码
2. post方法提交数据 ......
在上一篇文章中,我们讨论了如何通过javascript从一个远程XML文件中取得数据。在这篇文章中,我们将学会怎样对数据作更复杂的处理。作为一个示例,我们会准备一组XML数据,将数据分割成独立的片断并以不同的方式展示这些片断(取决于它们是如何被标识的)。
这篇文章是建立在上一篇文章中构造的示例代码的基础之上 ......
代码下载:http://code.google.com/p/ajaxautocomplete/downloads/list
Auto Complete的jQuery控件。
首先是需要设计下我们的DIV最后应该显示成什么样子,我的CSS不咋地。瞎玩呢。样子如下:
首先是一个DIV,然后是添加一个ul和几个li tag:
<div id="nav">
<ul>
<li><a>Text1 field1& ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>简单的应用XMLHt ......