content.jsp.
My name is :
<%=request.getParameter("name")%>
test.jsp
<html>
<head>
<script type="text/javascript" language="JavaScript" src="/JFP/js/jquery/jquery-1.5.1.js"></script>
</head>
<body>
<table>
<tr>
<td id="Load">Button</td>
<td><input value="" size="100" /></td>
</tr>
</table>
<script>
$("#Load").click(function(){
var postData = 'name=tian cai';
$.ajax({
url:"https://localhost:9444/HKGCB/content.jsp",
type:"POST",
data:postData,
success:function(respon){
alert(respon);
},
error:function(er){
alert(er);
}
});
});
</script>
</body>
</html>
分享到:
相关推荐
jQuery的`.ajax()`方法是实现这一功能的主要工具,它允许我们配置请求的各个细节,如URL、类型(GET或POST)、数据等。在请求成功后,会调用回调函数处理返回的数据,这些数据通常以JSON格式呈现,因为JSON与...
这些属性包括请求的类型(`type`)、请求的 URL(`url`)、预期服务器返回的数据类型(`dataType`)、成功的回调函数(`success`)等。在获取 JSON 数据时,`dataType` 应设置为 `"json"`,这样 jQuery 就会自动将...
charset=utf-8'`,这是因为我们需要告知服务器我们发送的数据类型。此外,由于 ASMX 默认返回的 JSON 数据包裹在 `d` 对象内,所以在成功回调函数中,我们访问数据时需要使用 `data.d.demoData`。 总结来说,...
由于文件不是普通的键值对,因此需要设置`contentType`为`false`,并设定`processData`为`false`,这样jQuery就不会尝试转换或处理数据。 在Ajax上传中,通常会使用HTML5的File API来获取和处理文件。例如,可以...
在jQuery的Ajax方法中,`data`参数是一个非常关键的部分,它用于传递要发送到服务器的数据。本篇文章将深入探讨`data`参数的不同类型及其使用方法。 首先,`data`参数可以接受多种类型的数据,包括JavaScript对象、...
- `dataType`: 预期服务器返回的数据类型。常见值有"xml"、"json"、"script"、"html"等。 - `timeout`: 设置请求超时时间。 - `cache`: 默认true,表示浏览器是否缓存被请求页面。 - `beforeSend`: 发送请求前可...
通过调用`.ajaxSubmit`,你可以配置一系列选项,如数据类型(如JSON, XML, HTML),提交前后的回调函数,错误处理等,从而实现异步提交表单,提升用户体验。 3. **ajax.js**: 这个文件可能是自定义的JavaScript脚本...
本篇主要聚焦于 jQuery 的 Ajax 支持特性,介绍如何利用 jQuery 来执行异步数据交换。 #### 安装与文档 安装 jQuery 非常简单,可以通过将 jQuery 的 CDN 链接添加到 HTML 文件中的 `<head>` 部分来完成: ```...
在使用jQuery的ajax方法实现页面无刷新传值时,通常会遇到提交按钮(submit)和普通按钮(button)之间的选择问题。这是因为在Web开发中,按钮的类型决定了其行为和用途。在本文中,我们分析了在使用jQuery进行ajax...
在"ajax"对象中,我们指定了请求类型(type)、数据类型(dataType)以及数据获取(data)和数据处理(processResults)的具体方法。 在服务器端,需要编写代码响应客户端发起的Ajax请求。在本实例中,服务器返回的...
这是因为浏览器会根据Content-Type头来判断接收到的数据类型,并采取相应的处理方式。如果Content-Type没有正确设置,那么浏览器可能会将XML数据误认为普通文本或HTML,从而导致解析失败。 - **常见语言的Content-...
4. **配置Ajax请求**:设置`$.ajax()`的参数,包括URL(控制器的Action方法)、类型(通常为`POST`)、数据(我们的FormData对象)、dataType(可能为`json`或`text`,取决于服务器返回的数据类型)以及其他必要选项...
总的来说,jQuery的ajaxForm插件提供了简单易用的方式来实现AJAX表单提交,它可以处理普通数据和文件上传,同时提供了丰富的配置选项以适应不同的需求。在使用过程中,注意兼容性问题,尤其是与文件上传相关的兼容性...
本教程将探讨如何使用Apache Commons FileUpload库实现这两种上传方式:普通表单上传和使用jQuery进行AJAX后台上传。 首先,Apache Commons FileUpload是Java中一个强大的文件上传处理库,它扩展了Servlet API的...
2. **文件上传支持**:这是一个特别重要的功能,因为普通Ajax无法处理文件类型的输入。jQuery Form Plugin通过IFrame技术实现了文件的异步上传,解决了file控件回调函数捕获时间节点的问题。 3. **进度条显示**:...
在IT行业中,jQuery是一款广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互等任务。而jQuery图形报表插件则为开发者提供了丰富的图表制作工具,能够帮助他们快速创建出交互性强、视觉...
1. **Ajax通信**:jQueryEasyUI的组件可以利用jQuery的Ajax功能与Java后端进行数据交互,如发送请求到Spring MVC或Struts2的Action,获取JSON数据并更新界面。 2. **Servlet或Controller处理**:在Java后端,可以...
String类型用于设置获取数据的URL地址,object类型则与jQuery.ajax的定义类似,而function类型则用于自定义获取数据的功能。文章中还提供了前端页面的代码示例,包括对HTML、CSS和JavaScript的引入,以及如何通过...