jQuery对ajax的支持.

最新推荐文章于 2025-04-17 15:58:14 发布

JaryBlueEye

最新推荐文章于 2025-04-17 15:58:14 发布

阅读量117

点赞数

分类专栏： JavaScript 文章标签： Ajax jQuery JSP HTML ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何利用jQuery简化Ajax请求操作，通过示例演示了使用load方法及get/post方法实现Ajax请求的过程，包括事件绑定、参数传递及服务器响应处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. load

(1) script:

<script src="jquery-1.2.6.min.js" type="text/javascript">

(2) jsp:

<form id="form0">
.......
</form>
<input id="load" type="button" value="提交" />

<div id="showInfo">

</div>

<script type="text/javascript">
//为id为load的按钮绑定事件处理函数
$("#load").click(function()
{
//向load.action发送Ajax请求，并自动加载服务器响应
$("#showInfo").load("load.action" , $("#form0").serializeArray());
});
</script>
--------------------------------------------------------------------------------------

2. get/post

<script src="jquery-1.2.6.min.js" type="text/javascript">
</script>

<form id="form0">
.......
</form>
<input id="load" type="button" value="提交" />
<div id="showInfo"></div>

<script type="text/javascript">
//为id为load的按钮绑定事件处理函数
$("#load").click(function()
{
//指定向load.action发送请求，以id为form0表单里各表单空间作为请求参数
//或者post
$.get("load.action" , $("#form0").serializeArray() ,
//指定回调函数
function(data , statusText)
{
$("#showInfo").empty();
$("#showInfo").append("服务器响应状态为：" + statusText + "<br />");
$("#showInfo").append(data);
},
//指定服务器响应为html
"html"
);
});
</script>