`
kaowww153
  • 浏览: 74558 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

jquery ajax(包括json)提交数据的两种方法

阅读更多

在工作项目中用到了两种jquery ajax 提交数据的方法
一种是:通过普通的url传值。

 

	function showSelectClass(grade){
   		 var url = "/admin/showSelectClass.htm";
  		 var params = {"tribeId":2,"grade":grade};
    	$.getJSON(url,params,function (data){ 
           json= eval("("+data.classes+")"); 
           var selectContent = "<select onChange='showClassMember(this.value)'>";
           if(json.length>0){      
             selectContent+="<option value='0'>请选择--</option>";         
             $(json).each(function(i){
                selectContent+="<option value='"+json[i].tid+"'>"+json[i].tname+"</option>"; 
             });           
           }else{
               selectContent+="<option value='0'>暂时没有班级</option>"
           }
            selectContent+="</select>";        
            $("#selectClass").html(selectContent);
   	   }); 
   }

   action的方法:

	/**
	 * 通过部落Id和年级得到班级列表
	 * @return filterTribeMember.ftl
	 * @throws Exception
	 */
	@Action(value="showSelectClass",
			results={@Result(name="showSelectClass",type="json")})
	public String showSelectClass() throws Exception {
		// TODO Auto-generated method stub	
		List<Map<String,String>> map = new ArrayList<Map<String,String>>();
 		map =	adminService.getClassByTribeIdAndGradeList(tribeId, grade);
		JSONArray jsonArray = JSONArray.fromObject(map);
		classes = jsonArray.toString();	
		return "showSelectClass";
	}

    还有一种就是直接传from过去:其中data是返回的一个页面。

   

function submitAJaxForm(){
 var formbean = $("#passValue");
 var url = formbean[0].action;
 var data = formbean.serialize();
 
 $.ajax({
   url : url,
   data : data,
   type : "post",
   success : function(data){    
      $("#classMember").html(data);
   }
 });
 }

 function openPerson(){
   var url = "${ctx}/mypage/saveContact.htm";
   var data = "userId=${userId}";
   if(confirm("确定加该用户为常用联系人吗?")){
      $.ajax({
       url : url,
       data : data,
       type : "post",
       success : function(data){
        if(data==1){
         $("#addRelation").hide();
         alert("添加成功");
        }else{
         alert("添加失败");
        }
       }
   });     
     }
  }

 

0
0
分享到:
评论

相关推荐

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...

    jQuery ajax读取json文件内容

    其中,使用jQuery的Ajax功能来读取JSON文件内容是前端开发中的常见需求,尤其在动态加载数据、实现异步交互方面发挥着重要作用。 ### 标题解析:“jQuery ajax读取json文件内容” 此标题直截了当,明确指出将通过...

    Struts2 与Jquery Ajax的json数据交换的典型范例

    Struts2和jQuery是两种广泛应用于Web开发的技术。Struts2是一个基于MVC(Model-View-Controller)架构的Java框架,它简化了构建企业级Web应用的过程。jQuery则是一个强大的JavaScript库,使得DOM操作、事件处理、...

    jQuery+get/post+Ajax+Json

    1. jQuery的$.get和$.post方法:这两种方法是jQuery提供的Ajax(异步JavaScript和XML)接口,用于与服务器进行非刷新的数据交换。$.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、...

    PHP-JQuery-Ajax-json

    标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术,具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP(Hypertext...

    jQuery中使用Ajax获取JSON格式数据示例代码.pdf

    文档中展示了两种不同的方法来获取 JSON 数据。`$.ajax()` 提供了更多的配置选项,可以用来处理更复杂的 Ajax 请求。而 `$.getJSON()` 更为简洁,适用于简单的读取 JSON 数据的场景。文档中通过将两者进行对比,让...

    Ajax-json.rar_JSON_ajax json_java Jquery ajax_javascript_json aj

    在IT行业中,Ajax(异步JavaScript和XML)与JSON(JavaScript Object ...通过学习和实践"Ajax-json.rar"中的实例,你不仅可以掌握这两种技术的基本用法,还能探索更高级的应用场景,从而真正成为一名JavaScript高手。

    Ajax_Json_jQuery详细Demo

    - **数据结构**:JSON支持对象和数组两种基本数据结构,对象由键值对组成,数组则是一系列有序的值。 - **序列化和反序列化**:JavaScript对象可以轻易转换为JSON字符串,使用JSON.stringify();反之,使用JSON....

    Jquery.json.js

    jQuery提供了方便的方法来处理JSON数据,包括`$.getJSON()`和`$.ajax()`等函数,可以方便地从服务器获取JSON数据并将其转化为JavaScript对象,或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...

    jquery_ajax_json简单实例

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及与服务器的数据交互,包括AJAX操作。本实例将深入探讨如何利用jQuery的AJAX功能与JSON数据格式进行交互,以实现异步数据加载...

    struts2+jquery执行ajax并返回json类型数据(源码)

    在这个"struts2+jquery执行ajax并返回json类型数据"的示例中,我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先,Struts2是一个强大的MVC(Model-View-Controller)框架,...

    jQuery Ajax异步处理Json数据详解

    在处理 JSON 数据时,jQuery 提供了便捷的方法来解析和操作这些数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 在 jQuery 中使用 AJAX 处理 ...

    用jquery解析JSON数据的方法20110227

    在jQuery中,有多种方法来解析JSON数据,本文将详细介绍两种主要方法。 首先,假设我们有一个JSON格式的字符串,如以下示例: ```javascript var data = "{ root: [ {name:'1',value:'0'}, {name:'6101',value:...

    jQuery ajax JSON 下拉列表框级联

    在这里,当用户选择省份后,jQuery的$.ajax方法被用来向服务器发送一个请求,获取对应省份的城市数据。 3. **JSON**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也...

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    在实际应用中,例如,当需要从服务器获取JSON数据并将其显示在网页上时,`$.ajax`或`$.getJSON`等jQuery方法可以用来发送Ajax请求。收到JSON响应后,使用`$.parseJSON`将JSON字符串解析成JavaScript对象,然后可以...

    jQuery对后台json的解析

    当涉及到与后台交互时,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,经常被用来传递数据。这篇博文将深入探讨jQuery如何解析来自后台的JSON数据。 首先,JSON因其语法与JavaScript对象相似而...

    jquery.json2xml.js和jquery.xml2json.js

    在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者无需深入了解这两种格式的复杂性,就能轻松地在它们之间进行数据互换。...

    ajax,jQuery 例子大全,json例子

    在处理JSON数据时,jQuery的`$.getJSON()`方法特别有用,它会自动将返回的JSON数据解析为JavaScript对象,方便进一步处理。 **示例** 1. **$.get()** 示例: ```javascript $.get('data.txt', function(data) { ...

    jQuery + Ajax + json 级联

    在jQuery和Ajax的帮助下,我们可以实现这样的功能:当用户更改第一个下拉列表时,通过Ajax发送一个请求到服务器,服务器根据请求返回JSON格式的更新数据,然后前端使用jQuery解析JSON并更新第二个下拉列表。...

    jquery和json结合实现ajax

    在IT行业中,jQuery和JSON是两个非常重要的技术,它们经常被结合使用以实现高效的数据交互,尤其是在构建动态、响应式的Web应用时。本教程将详细讲解如何利用jQuery和JSON实现AJAX功能,以创建一个自动下拉框效果,...

Global site tag (gtag.js) - Google Analytics