jquery $.ajax()实现Post数据到服务端

在jquery 中使用ajax方式进行异步调用有3种方式:$.post、$.get、$.ajax.

其中$.post、$.get是封装的$.ajax方法。处理一些较为简单的ajax请求,参数少的情况。

如果遇到复杂数据传输,或者对传输配置参数需要定义,就需要$.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)。

 

四、代码实例。

1.$.ajax带json数据的异步请求


1

<span style="font-size: 14px; font-family: 微软雅黑, ‘Microsoft YaHei‘; ">    var inputMac = $("#inputMac").val();<br>    var selectType = $("#selectType").val();<br>    var selectStatus = $("#selectStatus").val(); <br>  $.ajax({<br>        type: "post",<br>        dataType: ‘json‘,<br>        url: AjaxUrl,<br>        data: {<br>            mac: inputMac,<br>            status: selectStatus,<br>            type: selectType<br>        },<br>        success: function (data, textStatus) {<br>            if (data != null) {<br>                 <br>                var ap = eval(data);<br>                if (ap != null && ap!="undefined" && ap.Id>0) {<br>                    //window.location.href = ‘index.aspx‘;<br>                    alert("添加成功。"); return;<br>                }<br>                else {<br>                    alert("添加失败,请检查输入是否正确。"); return;<br>                }<br>            }<br>        },<br>        complete: function (XMLHttpRequest, textStatus) {<br><br>        },<br>        error: function (e) {<br>            alert("添加失败,请检查输入是否正确。"); return;<br>        }<br>    });<br></span>

2.$.ajax序列化表格内容为字符串的异步请求

使用方法是: var formParam = $("#form1").serialize();//序列化表格内容为字符串  。

将formParam作为data传递给服务器。

serialize() 与 serializeArray()

serialize() : 序列表表格内容为字符串。

serializeArray() : 序列化表格元素 (类似 ‘.serialize()‘ 方法) 返回 JSON 数据结构数据。 


1

<span style="font-size: 14px; font-family: 微软雅黑, ‘Microsoft YaHei‘; "var formParam = $("#form1").serialize();//序列化表格内容为字符串  <br>    $.ajax({  <br>        type:‘post‘,      <br>        url:‘Notice_noTipsNotice‘,  <br>        data:formParam,  <br>        cache:false,  <br>        dataType:‘json‘,  <br>        success:function(data){  <br>        }  <br>    });<br></span>

3.$.ajax拼接url的异步请求


1

<span style="font-size: 14px; font-family: 微软雅黑, ‘Microsoft YaHei‘; ">var yz=$.ajax({  <br>     type:‘post‘,  <br>     url:‘validatePwd2_checkPwd2?password2=‘+password2,  <br>     data:{},  <br>     cache:false,  <br>     dataType:‘json‘,  <br>     success:function(data){  <br>          if( data.msg =="false" //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间  <br>          {  <br>               textPassword2.html("<font color=‘red‘>业务密码不正确!</font>");  <br>               $("#validatePassword2").val("pwd2Error");  <br>               checkPassword2 = false;  <br>               return;  <br>           }  <br>      },  <br>      error:function(){}  <br>});<br></span>

4.$.ajax拼接data的异步请求


1

<span style="font-size: 14px; font-family: 微软雅黑, ‘Microsoft YaHei‘; ">$.ajax({   <br>    url:‘<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action‘,   <br>    type:‘post‘,   <br>    data:‘merName=‘+values,   <br>    async : false//默认为true 异步   <br>    error:function(){   <br>       alert(‘error‘);   <br>    },   <br>    success:function(data){   <br>       $("#"+divs).html(data);   <br>    }<br>});<br></span>

时间: 2024-10-04 22:43:56

jquery $.ajax()实现Post数据到服务端的相关文章

JQuery以JSON方式提交数据到服务端

JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面的代码演示了如何将客户端表单数据封装成JSON格式,然后通过JQuery的Ajax请求将数据发送到服务端,并最终将数据存储到数据库中.服务端定义为一个.ashx文件,事实上你可以将服务端定义为任何能接收并处理客户端数据的类型,如Web Service,ASP.NET Page,Handler等. 首

jq ajax传递json对象到服务端及contentType的用法

目录 0.一般情况下,通过键值对的方式将参数传递到服务端 1.ajax 传递复杂json对象到服务端 2.content-Type 对asp.net mvc项目的重要性 0.一般情况下,通过键值对的方式将参数传递到服务端 0.1 客户端代码: $.ajax({ url: 'TestHandler.ashx', type: 'post', data: { name: "admin", age: 10 }, dataType: 'text', success: function (data

【转】JQuery以JSON方式提交数据到服务端

JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面的代码演示了如何将客户端表单数据封装成JSON格式,然后通过JQuery的Ajax请求将数据发送到服务端,并最终将数据存储到数据库中.服务端定义为一个.ashx文件,事实上你可以将服务端定义为任何能接收并处理客户端数据的类型,如Web Service,ASP.NET Page,Handler等. 首

http的post方式连接服务器,发送数据到服务端,并获取服务端的数据

大概的流程是:客户端填写了用户名和密码,在服务端进行判断,验证密码如果正确,则返回登录成功,如果密码错误,则返回登录失败 客户端是java程序,具体代码如下: package lgx.java.test; import java.io.ByteArrayOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.io.Unsupport

WCF客户端传输大数据到服务端失败配置问题

最近使用WCF遇到一个问题:当客户端向WCF服务发送一个大量数据时候,发现会提示: "读取 XML 数据时,超出最大字符串内容长度配额 (8192).通过更改在创建 XML 读取器时所使用的 XmlDictionaryReaderQuotas 对象的 MaxStringContentLength 属性,可增加此配额." 于是上网搜索,都说修改配置就可以,但我是初学者,修改半天还没弄出来,最后各种整合,尝试,终于成功了,于是记下了,以备以后需要: 在配置文件内添加如下代码就可以了(只需要

json提交数据到服务端

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Courier New"; color: #393939; background-color: #f5f5f5 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Courier New"; color: #393939; background-color: #f5f5f5; min-height:

(九)springmvc之json的数据请求(客户端发送json数据到服务端)

index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&quo

android listView 滑动载入数据 该数据是服务端获取的

package com.sunway.works.applycash; import java.util.ArrayList; import java.util.Calendar; import java.util.HashMap; import java.util.List; import java.util.Map; import com.sunway.works.R; import com.sunway.works.applycash.ApplyCashListActivity; impo

android listView 滑动加载数据 该数据是服务端获取的

package com.sunway.works.applycash; import java.util.ArrayList; import java.util.Calendar; import java.util.HashMap; import java.util.List; import java.util.Map; import com.sunway.works.R; import com.sunway.works.applycash.ApplyCashListActivity; impo