jQuery Ajax 实例 ($.ajax、$.post、$.get)

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我的实际应用例子

//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、$.post、$.get),布布扣,bubuko.com

时间: 2024-10-07 23:45:31

jQuery Ajax 实例 ($.ajax、$.post、$.get)的相关文章

JavaScript强化教程——jQuery AJAX 实例

什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示.使用 AJAX 的应用程序案例:谷歌地图.腾讯微博.优酷视频.人人网等等. jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector).l

ASP.NET Ajax和Jquery Ajax实例

在图书信息管理系统中,用到了Ajax和JQueryAjax,算是都体验了一把.刚开始用的时候很陌生,迟迟不敢下手.但是不动手什么时候也成功不了,就上网找例子,照着敲吧.当然,中间也遇到了一些小的错误,最终还是成功了. Ajax AJAX即"AsynchronousJavascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下

Jquery Ajax实例

//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',

jquery ajax 实例

$(function(){ $.ajax( { url:'{:U('shenhe')}',// 跳转到 action data:{ }, type:'post', cache:false, dataType:'json', success:function(data) { if(data.status ==1 ){ $('.check').css('display','inline'); }else{ $('.check').css('display','none'); } }, error :

jquery学习之AJAX

1,关于AJAX的简单介绍 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与server交换数据并更新部分网页的艺术,在不又一次载入整个页面的情况下. 2,什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步

jQUery_review之jQuery的终极ajax方法$.ajax()

经过的项目大大小小也有非常多的了,印象中很多框架低层封装的方法都是在ajax()方法的基础上进行扩展的.ajax方法可以说是jQuery提供的各式各样的ajax相关方法的鼻祖,所有其他的比如load,get,post,getScript,getJson方法都是扩展于jQuery.ajax方法. 下面是一个实际的DEMO,将上面的参数都用了一遍: 前端页面的代码: <%@ page language="java" import="java.util.*" pag

Jquery Ajax调用aspx页面实例

目前,我会的几种asp.net界面与后台代码交互方式有几种: 1.webform+服务器控件交互: 2.webform+jquery+ajax+一般处理程序交互: 3.webform+jquery+ajax+Webservice/WCF交互: 4.MVC: 5.webform+jquery+ajax直接交互: 其中第1种交互是入门级,发展级为第2与第3,交互方式类似,也是我常用的开发方式.第4种最近几年才出现,玩过,用于项目比较少. 现在记录一下第5种交互方式. 第一步:准备页面代码: <!DO

jQuery Ajax: $.post请求实例

jQuery Ajax: $.post请求实例 leyangjun.html页面 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="./jquery-2.0.0.min.js"></scri

JavaScript封装Ajax工具函数及jQuery中的ajax

封装ajax工具函数 /** * ITCAST WEB * Created by zhousg on 2016/5/24. */ /* * 1. 请求的类型 type get post * 2. 请求地址 url * 3. 是异步的还是同步的 async false true * 4. 请求内容的格式 contentType * 5. 传输的数据 data json对象 * * 6.响应成功处理函数 success function * 7.响应失败的处理函数 error function *

从零开始学习jQuery (六) jquery中的AJAX使用

本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 二.前言 Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个