ajax文档中心

到最后我才发现微软给的ajax json 实例都是有问题的，很多都是不严密的，特别是对于大小写方面，他们都没有仔细追究大小写问题，导致了在firefox使用有问题。下面是实例内用：两个html之间的：
<head> <title>测试ajax</title> <meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />
<script type=”text/javascript”>
var xmlHttp=null;
function creatXMLhttp()
{
        if(window.ActiveXObject)
        {
                  xmlHttp=new ActiveXObject(”Microsoft.XMLhttp”);
         }
       else
         {
                   xmlHttp=new XMLHttpRequest();
......

Ajax表单提交数据出现乱码和解决办法
   //要传递的参数
   var queryString = "firstName=" + firstName + "&lastName=" + lastName
                          + "&birthday=" + birthday;    function
//GET方式提交
doRequestUsingGET() {
         createXMLHttpRequest();
        var url = "GetAndPostExample?" + queryString + "&timeStamp="
                           + new Date().getTime();
         xmlHttp.onreadystatechange = handleStateChange;
   &nbs ......

弄了一整天了，刚开始学习Jquery，很多东西还不熟，看看视频，查查资料，终于成功的集成Struts2+Jquery+Json
直接上图:用户名输入xxx,焦点丢失，提示”用户已存在“，否则提示“可以注册“，密码同样如此,
首先需要导包：如下除了struts2必须的包外，还有json包以及涉及的commons的几个包.
此外要下载Jquery的js文件，然后部署到下图位置，当然位置可以任意，
之后就开始我们的ajax之路吧
1.首先是index源代码：其中涉及Jquery的语法，自己去查api
      <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <style type="text/css">
   #login {
      width:410px;

      margin:auto auto;
& ......

代码下载：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</a></li>
<li><a>Text1 field2</a></li>
<li><a>Text1 field3</a></li>
<li><a>Text1 field4</a></li>
<li><a>Text1 field5</a></li>
</ul>
</div>

Nav的CSS样式：
Li下面的a标签为了让它有点动态效果，我让它的左右border在鼠标放上去时发生变化。
接下来是如何使用jQuery来创建一个上面设计出来的DIV,并把它的位置放到一个input标签下面。
首先是把CSS定义成字符串：
这里需要注意的是：我们需要用到一个函数来为每个控件添加Style：

String.format =
function() {
var currentString = null; ......

1创建两张页面 Reg.aspx、CallServer.aspx。
在Reg.aspx页面的html中放一个层和一个文本框
<div id="aa">
<asp:TextBox id="txtuser" runat="server" Width="136px"></asp:TextBox>
</div>
<span id="errInfo">请输入用户名</span>
在Reg.aspx页面中写javascript
定义二个变量、三个函数
var xmlhttp=false; //放 ActiveXObject的实例
var NewsInfo="";    //放字符串
function GetXmlHttp()
...{
if(window.ActiveXObject)
   ...{
     try
       ...{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");
       }
     catch(e)
       ...{
   try
     ...{
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
   catch(e)
     ...{
       News ......

ajax请求不返回html代码的三种方式
ajax请求代码：
function ajaxSend() {
$.ajax({
url: “Test_Ajax.aspx”,
type: “post”,
data: { name: “ajax” },//如果请求的自身页面，为了在后台判断是不是ajax请求
error: function(xhr, textStatus, errorThown) {
alert(errorThown);
},
success: function(data) {
alert(data);
}
});
}
1、把.aspx页面的html代码删除，删除后代码如下（ajax请求的不是自身页面）
.aspx页面代码
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”AjaxReceive.aspx.cs” Inherits=”testJqueryUI.ajax.AjaxReceive” %>
.aspx.cs页面代码如下
protected void Page_Load(object sender, EventArgs e)
{
Response.Write(“love life”);
}
2.通过clear和end方法实现
.aspx.cs代码如下
string name = Request["name"];
//如果请求的是自身页面则需要这一步，判断是不是ajax请求
if (!String.IsNullOrEmpty(name))
{
Response.Clear();
Response.Write(“hello the world”);
Response.End(); ......

ajax json,xml,文本数据传递实例

ajax json,xml,文本数据传递实例

Ajax表单提交乱码

Struts2 Jquery Json 实现AJax表单验证

jQuery AJAX 调用WCF服务实现的自动完成控件

AJAX 验证用户

ajax请求不返回html代码

ajax请求不返回html代码