// 取值
// alert($("input[name='username']").val());
// alert($("input[name='password']").val());
// alert($("input[name='sex']:checked").val());
// alert($("input[name='sex']:checked").prev('label').text());
$("input[name=hobby]:checked").each(function(){
alert($(this).val());
})
// alert($("select[name='county'] option:selected").val());
// 或
// alert($("#county option:selected").val());
// 或
// alert($("#county option:first").val());
// 或
// alert($("#county option:eq(1)").val());
// 设置value
// alert($("#county").attr("value",'china'));
$("#county option").each(function(i){
// alert(i);
// alert($(this).text());
})
//或
// alert($("#county option[value='china']").text())
$.ajax({
url:"<%=context%>/costdept.do?method=saveUser",
type:'post',
dataType:'text',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
async:false,
data:$("#form").serialize(),
success:function(ary){
var data1 = $.parseJSON(ary);
alert(data1.arr[0]);
},
error:function(data, status, e){
alert(e);
}
});
// 1、返回text
//response.getWriter().print("OK");
// 2、返回json
// System.out.println(request.getParameter("username"));
// JSONArray array =new JSONArray();
// JSONObject json = new JSONObject();
// json.put("china", "中国");
// json.put("english","韩国");
// array.add(json);
// json = new JSONObject();
// json.put("green", "绿色");
// json.put("pink","粉色");
// array.add(json);
// response.getWriter().print(array);
// 3、Map List bean 数组 与json转化 参考JSONObject.fromObject
Map map = new HashMap();
map.put("name", "json");
map.put("bool", Boolean.TRUE);
map.put("int", new Integer(1));
map.put("arr", new String[] { "a", "b" });
//map.put("func", new String[]{"\\'function(i){ return this.arr[i]; }\\'"});
JSONObject json = JSONObject.fromObject(map);
String jsonStr=json.toString();
// 设置编码
response.setCharacterEncoding("UTF-8");
response.getWriter().print(jsonStr);
return null;
分享到:
相关推荐
本篇文章将详细讲解如何使用DWZ和JQuery UI来实现Ajax提交,涵盖增、删、改、查这四种基本操作。 **1. 添加记录** 在DWZ中,添加新记录通常涉及以下几个步骤: - **触发事件**:通过点击用户列表中的“添加”按钮...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...
### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...
本项目"jquery表单验证Ajax提交.zip"显然聚焦于使用jQuery进行表单验证和利用Ajax技术无刷新提交数据的核心功能。以下是这些知识点的详细说明: **jQuery库** jQuery是一个轻量级的JavaScript库,它通过提供简洁的...
通过深入理解并熟练运用jQuery的DOM操作和AJAX功能,开发者能够构建出动态、交互性强的网页应用,提升用户体验,同时减少与服务器的通信成本。在实际项目中,这些技术经常被用来实现页面局部刷新、异步提交表单、...
这个名为"可预览删除的jQuery多图上传ajax提交.zip"的压缩包,显然包含了一个利用jQuery实现的多图上传功能,并且支持图片预览和删除,同时使用Ajax技术进行异步数据传输。以下将详细讲解这些知识点。 **1. jQuery...
**jQuery和Ajax技术详解** jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中,jQuery是实现动态和交互性网页的关键工具。Ajax(Asynchronous ...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...理解这些概念和用法,能够帮助开发者在jQuery 1.3.2或其他版本中高效地实现表单的Ajax提交。
在IT行业中,PHP、jQuery和Ajax是Web开发中的三大核心技术,它们共同构建了现代动态网页交互的基础。这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们...
本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...
- 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...
**jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...
jQuery提供了`$.ajaxStart()`和`$.ajaxStop()`来监听所有AJAX请求的开始和结束。同时,`$.ajaxComplete()`会在每个请求完成后触发,无论成功或失败。 ### 错误处理 使用`error`回调函数可以捕获和处理请求错误,如...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...确保正确引入jQuery和`ajaxForm.js`文件,并按照上述步骤设置表单,你就可以实现异步的Ajax表单提交了。
jQuery可以方便地处理用户输入的事件,如按键按下和消息提交。此外,聊天窗口的实时更新也需要通过jQuery动态添加新的消息元素。 7. **安全性**:在设计聊天室时,必须考虑安全性问题,例如防止SQL注入、XSS攻击等...
这个库利用数据属性(data-* attributes)和jQuery事件来实现Ajax功能,使得页面的异步更新更加优雅和易于维护。 在传统的Web开发中,Ajax通常需要在JavaScript代码中添加大量细节,而jQuery Unobtrusive Ajax通过...
标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...
在Web开发中,PHP、jQuery和AJAX是三个非常关键的技术,它们共同为...通过结合PHP、jQuery和AJAX,我们可以创建出交互性强、用户体验良好的Web应用,无需刷新页面就能实现数据的提交和接收,大大提升了用户的操作体验。
input type="button" id="btn" value="提交"> </form> [removed][removed] [removed] var form = $('#form')[0]; // 获取到表单的DOM对象形式 $('#btn').on('click', function () { // 1 使用...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...