html使用ajax提交表单,使用jQuery实现Ajax异步提交表单实现局部刷新

使用jQuery实现Ajax异步提交表单实现局部刷新

jQuery学习笔记

提交form表单之后，不会刷新页面，而是局部刷新，欲提交的form只要有id即可

如果使用get请求，注意中文乱码问题，jquery会先使用iso8859-1解码，然后发给服务器，如果使用post请求，则直接将中文内容提交给服务器解析。

使用jquery-1.4.2.js和jquery.form.js插件。

如果创建新的js文件中，需要加上

document.write("")

document.write("")

// 动态加载页面

// 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;

});

}

相关文档：

var x,y;

//这是一个通过AJAX取得提示信息的方法

function over(noteContent){

//记录事件发生时的鼠标位置

x = event.clientX;

y = event.clientY;

//显示工具提示

document.getElementById(" ......

最近，写了个ajax程序。实现了定位地图，因为了ajax的动态请求，所以，地图是实时扫描的，但是，问题困惑了半个月，今天在和学长聊天的时候，终于想清楚了。

ajax在本程序中的任务就是对八个读卡器点进行动态请求数据库数据，然后，根据数据库索引数扫描地图上该点的 ......

1，本例子实现一个Ajax更改数据的例子

如图：

1，新建xml文件；其内容如下：

I

wtq

123456

0595-8553 ......