使用jQuery实现Ajax异步提交表单实现局部刷新
jQuery学习笔记
提交form表单之后，不会刷新页面，而是局部刷新，欲提交的form只要有id即可
如果使用get请求，注意中文乱码问题，jquery会先使用iso8859-1解码，然后发给服务器，如果使用post请求，则直接将中文内容提交给服务器解析。
使用jquery-1.4.2.js和jquery.form.js插件。
如果创建新的js文件中，需要加上
document.write("<script type='text/javascript' src='jquery-1.4.2.js'></script>")
document.write("<script type='text/javascript' src='jquery.form.js'></script>")
// 动态加载页面
// id 显示页面的容器组件ID2
// url 欲加载页面网址
// gop get请求还是post请求，默认get
function loadPage(id, url, gop) {
$("#" + id).addClass("loader");
$("#" + id).append("Loading......");
var type = (gop == "post" ? "post" : "get");
$.ajax( {
type : type,
url : url,
cache : false,
error : function() {
alert('加载页面' + url + '时出错！')
},
success : function(content) {
$("#" + id).empty().append(content);
$("#" + id).removeClass("loader");
}
});
}
// 局部提交表单
function formSubmit(formId, divId, url) {
$('#' + formId).submit(function() {
$(this).ajaxSubmit( {
target : '#' + divId,
url : url,
error : function() {
alert('加载页面' + url + '时出错！')
}
});
return false;
});
}
相关文档：
最近，写了个ajax程序。实现了定位地图，因为了ajax的动态请求，所以，地图是实时扫描的，但是，问题困惑了半个月，今天在和学长聊天的时候，终于想清楚了。
ajax在本程序中的任务就是对八个读卡器点进行动态请求数据库数据，然后，根据数据库索引数扫描地图上该点的 ......
XMLHttpRequest是Ajax技术体系中最为核心的技术。缺少了它，Ajax的其余技术就无法成为一个有机的整体，将会土崩瓦解。
1999年上半年，MS在IE 5.0版中首次支持这种技术，他们是通过一个名为XMLHTTP的ActiveX对象来支持这种技术的。XMLHTTP对象使得页面中的脚本具有了在不刷新页面的情况下直接与服务器通信的能力。在此� ......
function saveObj(){
var userName = document.getElementById("userName").value;
checkUserName(userName);
}
//使用ajax实现页面无刷新功能;
var xmlHttpRequest;
function createXMLHttpRequest(){
if(windo ......
许多程序员在做业务开发时往往会在服务器端做用户信息的验证，有没有考虑过用jquery的ajax方法来验证登陆呢？且效果比在服务器端写代码来验证好的多，页面无刷新即可实现实现登陆验证，代码也简单。
现在下面贴出来的是很简单的用jquery的ajax方法来验证登陆的代码，适合刚接触jquery的朋友学习。
前台页面代码：
<he ......
应项目需求，测试了下自动发送邮件的功能，以实现，下面分别介绍前台的Ajax和后台c#
前台：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SendEmail.aspx.cs" Inherits="SendEmail" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- ......
