jquery ajax提交错误定义方法
$.ajax({
..
success:function(json)
{
..
}
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
$.ajax({
..
success:function(json)
{
..
}
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
因为jquery中有几个新特性非常需要比如has,于是用上1.4了,
但是有个小问题,原来的数据无法返回读出来,
排查了插件没有问题,看到1.4文档中说明,说1.4中对json格式更严格了,于是往这里找原因,
尝试下成功了!
简单记录,积少成多!
最近要医院要照顾宝宝,开出生证明,落户等事,很久没写文章了,
这里给个完整例子帮助理解jQuery Ajax 全解析例子,另外本文例子无法在firfox正常显示,下次再解决这个问题
今天整理下此代码,
1.程序必须引用AjaxPro.2.dll,
2.AjaxPro必须要在后台先注册下
AjaxPro.Utility.RegisterTypeForAjax(typeof(Index));//注册AjaxPro,
3.AjaxPro优点能在客户端js中直接调用服务端方法,并且可以调用datatable,这个功能比较不错。
4.别忘了在web.config配置下
5.在CS文件中写函数方法 加个 [AjaxPro.AjaxMethod]
6.前台调用方法
ajax应用-留言本(asp.net),改自web 2.0开发技术祥解书中的asp例子,改为现在的asp.net版本,程序用vs用网站的形式打开 (vs2005或者vs 2008)。
下载源码:下载
主要源码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Book_Default" %>
<!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 runat="server">
<title>Ajax GuestBook</title>
<style type="text/css">
body { font-size:0.75em;text-align:center;}
dl { margin:0;}
dt { background-color:#666;color:#fff;margin:1px;padding:0 3px;}
dd { margin:3px;}
div { margin:auto;line-height:150%;text-align:left;width:400px;border:1px solid #666;}
#postBox { margin-top:10px;}
dd.button { text-align:center;}
dd.button input { margin:0 20px;}
</style>
<script type="text/javascript">
<!--
//将用户输入异步提交到服务器
function ajaxSubmit(){
//获取用户输入
var title=document.forms[0].title.value;
var author=document.forms[0].author.value;
var content=document.forms[0].content.value;
//创建XMLHttpRequest对象
var xmlhttp;
try{
xmlhttp=new XMLHttpRequest();
}catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//创建请求结果处理程序
xmlhttp.onreadystatechange=function(){
if (4==xmlhttp.readyState){
if (200==xmlhttp.status){
var date=xmlhttp.responseText;
addToList(date);
}else{
alert("error");
}
}
}
//打开连接,true表示异步提交
xmlhttp.open("post", "ajaxAdd.aspx", true);
//当方法为post时需要如下设置http头
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//发送数据
xmlhttp.send("title="+escape(title)+"&author="+escape(author)+"&content="+escape(content));
}
//将用户输入显示到页面
function addToList(date){
//获取留言列表div容器
var msg=document.getElementById("msgList");
//创建dl标记及其子标记
var dl=document.createElement("dl");
var dt=document.createElement("dt");
var dd=document.createElement("dd");
var dd2=document.createElement("dd");
//将结点插入到相应的位置
msg.insertBefore(dl,msg.firstChild);
dl.appendChild(dt);
dl.appendChild(dd);
dl.appendChild(dd2);
//填充留言内容
dt.innerHTML="标题:"%2
来自网络
EXT- http://www.extjs.com/ (中文:http://www.ajaxjs.com/)
Microsoft Ajax - http://ajax.asp.net
Java BluePrints - https://blueprints.dev.java.net/
Protptype - http://www.prototypejs.org/
Scriptaculus - http://script.aculo.us/
Laszlo - http://www.openlaszlo.org/
GWT - http://code.google.com/webtoolkit/
AJAX.net - http://www.ajaxpro.info/
Yahoo - http://developer.yahoo.com/yui/
最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。
来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML文档对象模型Microsoft® XML Document Object Model (DOM)处理回应。