`
JasonZhangYuJie
  • 浏览: 8245 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery ajax (get set)

阅读更多
Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。
推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/

$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()

一、$.ajax的一般格式
$.ajax({
     type: 'POST',
     url: url ,
    data: data ,
    success: success ,
    dataType: dataType
});

二、$.ajax的参数描述
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType
可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。

三、$.ajax需要注意的一些地方:
  1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

四、$.ajax我的实际应用例子
Js代码 
//1.$.ajax带json数据的异步请求 
var aj = $.ajax( {   
    url:'productManager_reverseUpdate',// 跳转到 action   
    data:{   
             selRollBack : selRollBack,   
             selOperatorsCode : selOperatorsCode,   
             PROVINCECODE : PROVINCECODE,   
             pass2 : pass2   
    },   
    type:'post',   
    cache:false,   
    dataType:'json',   
    success:function(data) {   
        if(data.msg =="true" ){   
            // view("修改成功!");   
            alert("修改成功!");   
            window.location.reload();   
        }else{   
            view(data.msg);   
        }   
     },   
     error : function() {   
          // view("异常!");   
          alert("异常!");   
     }   
}); 
 
 
//2.$.ajax序列化表格内容为字符串的异步请求 
function noTips(){   
    var formParam = $("#form1").serialize();//序列化表格内容为字符串   
    $.ajax({   
        type:'post',       
        url:'Notice_noTipsNotice',   
        data:formParam,   
        cache:false,   
        dataType:'json',   
        success:function(data){   
        }   
    });   
}   
 
 
//3.$.ajax拼接url的异步请求 
var yz=$.ajax({   
     type:'post',   
     url:'validatePwd2_checkPwd2?password2='+password2,   
     data:{},   
     cache:false,   
     dataType:'json',   
     success:function(data){   
          if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间   
          {   
               textPassword2.html("<font color='red'>业务密码不正确!</font>");   
               $("#validatePassword2").val("pwd2Error");   
               checkPassword2 = false;   
               return;   
           }   
      },   
      error:function(){}   
});  
 
 
//4.$.ajax拼接data的异步请求 
$.ajax({    
    url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',    
    type:'post',    
    data:'merName='+values,    
    async : false, //默认为true 异步    
    error:function(){    
       alert('error');    
    },    
    success:function(data){    
       $("#"+divs).html(data);    
    } 
}); 
分享到:
评论

相关推荐

    JQuery的Ajax请求实现局部刷新的简单实例

    请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面。...

    jQuery 学习第六课 实现一个Ajax的TreeView

    在服务器端,定义一个如下的类来表示要传递的文件信息: 代码如下: public class FileInformation { public string FullPath { get; set; } public string Name { get; set; } public string Info { get; set; } ...

    JQuery通过Ajax提交表单并返回结果

    2:JQuery之Ajax 在介绍使用JQuery提交表单前,我们需要首先引用jquery.form.js,它来自于http://www.malsup.com/jquery/form/,至此,我们需要引用的JS文件有: 功能要求:Ajax提交表单,在控制器HelloWorld4...

    jquery电子文档chm

    Or, if you set the dataType to "jsonp" a callback will be automatically added to your Ajax request. 返回值 XMLHttpRequest 参数 options (可选) : AJAX 请求设置。所有选项都是可选的。 选项 async ...

    jquery插件使用方法大全

    使用jquery实现ajax同样异常简单 代码 (1) $.get("search. do",{id:1},rend); function rend(xml){ alert&#40;xml&#41;; } (2) $.post("search. do",{id:1},rend); function rend(xml){ alert&#40;xml&#41;; } (3) $...

    jquery-1.1.3 效率提高800%

    jQuery.get( url, [data], [callback] )参数: url (String): 装入页面的URL地址 Map(可选): (可选)发送到服务端的键/值对参数 callback (Function): (可选) 当远程页面装入完成时执行的函数 ...

    jQuery链式操作如何实现以及为什么要用链式操作

    两个问题 1.jQuery的链式操作是如何实现的? 2.为什么要用链式操作? 大家认为这两个问题哪个好回答一点呢? 链式操作 原理相信百度一下一大把,实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回...

    Jquery ajax传递复杂参数给WebService的实现代码

    Entity: 代码如下: using System;... namespace Entity { [DataContract] public class User { [DataMember] public string Name { get; set; } [DataMember] public int Age { get; set; } } } WebService: 代码如

    Smashing jQuery.pdf

    jQuery, I dive right into how to get jQuery set up and ready to use on your Web site. PART 2: LEARNING THE JQUERY FUNDAMENTALS Th e second part of the book walks you step-by-step through all of the ...

    memcache+ajax的简单聊天室

    log文件,用来记录一些基本的set和get chat_add_ajax.php chat_get_ajax.php index.php init.php 初始化文件,用来配置 session_start(); ini_set('display_errors',0); date_default_timezone_set(); 使用方式: ...

    aAjax:一个ajax插件,支持JSONP,用法类似JQ的ajax

    一个ajax插件,包括JSONP,你可以像jQuery ajax一样使用它。 用法 包括文件: &lt; script src = " ../aAjax.min.js " &gt;script&gt; JS代码 语法 aAjax([settings]) // settings : not required( to set the AJAX ...

    AJAX and PHP.pdf

    At its roots, AJAX is a mix of technologies that lets you get rid of the evil page reload, which represents the dead time when navigating from one page to another. Eliminating page reloads is just ...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    MVC Ajax Helper或Jquery异步加载部分视图

    废话不多说了,直接给大家贴代码了。 Model: ...通过jQuery异步加载部分视图 Home/Index.cshtml视图中: @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } &lt;h2&gt;Index &lt;

    JQuery jsonp 使用示例代码

    php if (isset($_GET[‘jsonpcallback’])){ echo $_GET[‘jsonpcallback’].”([{id:1,name:’aaaa1′},{id:2,name:’bbbb2′}])”; exit; } ?&gt; &lt;html&gt; [removed][removed] [removed] $(function(){ $....

    Ajax跨域查询完美解决通过$.getJSON()实现

    解决方法:通过jquery提供的$.getJSON()可以跨域获得JSON格式的数据。优点:兼容性强。Java后台代码: 代码如下: protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ...

    jQuery学习笔记之 Ajax操作篇(二) – 数据传递

    if(isset($_REQUEST['name']) && $_REQUEST['name'] == 'stephen') { echo '23'; } 当前页面内容为: &lt;a&gt;stephen &lt;span&gt;age : &lt;span id=sex&gt;&lt;/span&gt; 我们希望点击 a 标签后,在不刷新页面的前提下获取年龄...

    PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)

    5、XMLHttpRequest 和 jQuery 两种实现方案。 6、页面及源码同时展示。 XMLHttpRequest版本 get_web.php 复制代码 代码如下: &lt;?php header(“Content-type: text/html; charset=utf-8”); if(!empty($_POST[...

    [App] 网络应用开发 学习手册 (英文版)

    - Set up a basic workflow with a text editor, version control system, and web browser - Structure a user interface with HTML, and include styles with CSS - Use JQuery and JavaScript to add ...

    chorify:物联网黑客马拉松项目

    Chorify - 一个让家务活变得有趣的应用程序!物联网+移动黑客马拉松很棒的团队用户故事: 1. Users can set up ...技术: Javascript jQuery AJAX HTML5/CSS3 pubnub(用于数据流) Sinch(对于文本!太棒了) T

Global site tag (gtag.js) - Google Analytics