`
chengxuyuancsdn
  • 浏览: 7976 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery取值和ajax提交复习记录

阅读更多
// 取值
	// 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;
分享到:
评论

相关推荐

    JQuery UI 实现Ajax提交详细步骤

    本篇文章将详细讲解如何使用DWZ和JQuery UI来实现Ajax提交,涵盖增、删、改、查这四种基本操作。 **1. 添加记录** 在DWZ中,添加新记录通常涉及以下几个步骤: - **触发事件**:通过点击用户列表中的“添加”按钮...

    使用jQuery ajax提交表单代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

    jquery表单验证Ajax提交.zip

    本项目"jquery表单验证Ajax提交.zip"显然聚焦于使用jQuery进行表单验证和利用Ajax技术无刷新提交数据的核心功能。以下是这些知识点的详细说明: **jQuery库** jQuery是一个轻量级的JavaScript库,它通过提供简洁的...

    JQuery DoM和ajax 操作

    通过深入理解并熟练运用jQuery的DOM操作和AJAX功能,开发者能够构建出动态、交互性强的网页应用,提升用户体验,同时减少与服务器的通信成本。在实际项目中,这些技术经常被用来实现页面局部刷新、异步提交表单、...

    可预览删除的jQuery多图上传ajax提交.zip

    这个名为"可预览删除的jQuery多图上传ajax提交.zip"的压缩包,显然包含了一个利用jQuery实现的多图上传功能,并且支持图片预览和删除,同时使用Ajax技术进行异步数据传输。以下将详细讲解这些知识点。 **1. jQuery...

    jquery,ajax的几个小例子

    **jQuery和Ajax技术详解** jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中,jQuery是实现动态和交互性网页的关键工具。Ajax(Asynchronous ...

    JQuery Ajax提交整个表单

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...理解这些概念和用法,能够帮助开发者在jQuery 1.3.2或其他版本中高效地实现表单的Ajax提交。

    php+jquery+ajax最简单例子

    在IT行业中,PHP、jQuery和Ajax是Web开发中的三大核心技术,它们共同构建了现代动态网页交互的基础。这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们...

    jqueryTreeTable+ajax(构建树形表格)

    本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    - 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...

    jQuery Ajax无刷新提交表单并执行邮件通知

    **jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...

    jqueryajax jquery ajax

    jQuery提供了`$.ajaxStart()`和`$.ajaxStop()`来监听所有AJAX请求的开始和结束。同时,`$.ajaxComplete()`会在每个请求完成后触发,无论成功或失败。 ### 错误处理 使用`error`回调函数可以捕获和处理请求错误,如...

    jquery ajaxfrom表单提交代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...确保正确引入jQuery和`ajaxForm.js`文件,并按照上述步骤设置表单,你就可以实现异步的Ajax表单提交了。

    基于jQuery的Ajax聊天室程序

    jQuery可以方便地处理用户输入的事件,如按键按下和消息提交。此外,聊天窗口的实时更新也需要通过jQuery动态添加新的消息元素。 7. **安全性**:在设计聊天室时,必须考虑安全性问题,例如防止SQL注入、XSS攻击等...

    jquery.unobtrusive-ajax.rar

    这个库利用数据属性(data-* attributes)和jQuery事件来实现Ajax功能,使得页面的异步更新更加优雅和易于维护。 在传统的Web开发中,Ajax通常需要在JavaScript代码中添加大量细节,而jQuery Unobtrusive Ajax通过...

    spring框架项目+jQueryAjax提交实例。jquery-3.3.1.min.js

    标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    在Web开发中,PHP、jQuery和AJAX是三个非常关键的技术,它们共同为...通过结合PHP、jQuery和AJAX,我们可以创建出交互性强、用户体验良好的Web应用,无需刷新页面就能实现数据的提交和接收,大大提升了用户的操作体验。

    jQuery的ajax发送FormData的方式

    input type="button" id="btn" value="提交"&gt; &lt;/form&gt; [removed][removed] [removed] var form = $('#form')[0]; // 获取到表单的DOM对象形式 $('#btn').on('click', function () { // 1 使用...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

Global site tag (gtag.js) - Google Analytics