JQuery的AJAX调用(二)——AJAX方法

一,使用AJAX方法加载服务器数据

使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下:

jQuery.ajax([settings])或$.ajax([settings])

其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。

二,使用ajaxSetup()方法设置全局Ajax默认选项

使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为:

jQuery.ajaxSetup([options])或$.ajaxSetup([options])

可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。

三,使用ajaxStart()和ajaxStop()方法

ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为:

$(selector).ajaxStart(function())和$(selector).ajaxStop(function())

其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop()方法绑定的函数。

时间: 2024-10-20 10:53:33

JQuery的AJAX调用(二)——AJAX方法的相关文章

jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是"application/json", (3)data传递的数据必须是严格的json数据,如"{'a':'aa','b':'bb'}",而且参数必须和静态方法的参数一 一对应 (4)aspx的后台方法返回的数据默认形式是"{'d':'返回的内容'}",所

Jquery Ajax调用aspx页面方法

原文:Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进行处理: 3)文艺玩法:通过WCF进行处理. 第一种和第三种方法不在本文介绍范围之内,下面重点介绍第二种方法. 说明 在我们的印象里 asp.net的Web服务是以.asmx来结尾的,而我们现在的asp.net也能实现Web服务,这是因为默认Web.

ajax调用WebServices服务方法和传参调用WebServices注意事项

先演示下ajax是如何调用WebServices中的方法    1.新建一个页面default.aspx,一个Web服务    在页面中引用jQuery文件. <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script> web服务里给Helloworld方法里加个参数 using System; using System.Collections.Gener

asp.net Ajax调用Aspx后台方法

Ajax调用的前提(以aspx文件为例:) 1.首先需要在aspx文件后台中引用using System.Web.Services; 2.需要调用的方法必须是公共的(public).静态的(static):如果不是会提示"500 Internal Server Error 问题",代表找不到method. 3.方法定义需要加入[WebMethod]的声明 4.一般建议由返回类型,最起码可能知道调用成功不成功. 下面是简单的调用示例: 后台方法 [WebMethod] public st

使用ajax调用web Api 方法中出现的问题总结

一,Get请求 1,无参数Get请求,跟平常写ajax请求一样,并无什么差别 $.ajax({            url: '.../api/User/UserVerify,            type: 'get',            success: function (json) {                alert(json);            },            error: function () {                alert("er

MVC中ajax调用Controller的方法

1. 1 ajax代码: 2 $.ajax({ 3 async: false, 4 cache: false, 5 type: 'POST', 6 contentType: "application/json", 7 url: "/MsgTypeTemItem/GetAllStr", //请求的action路径 8 data:{temId:$("#temId").val()}, 9 error: function () {//请求失败处理函数 1

.Net中jQuery.ajax()调用asp.net后台方法 总结

利用JQuery的$.ajax()调用.Net后台方法有多种方式, 不多说了  直接上代码 前台代码 1 <script type="text/javascript"> 2 3 $(document).ready(function () { 4 getTreeData(getData()); 5 }); 6 7 //获取ajax调用传参方法 8 function getData() { 9 var data = {}; 10 data.username = "an

jQuery简单的Ajax调用示例

jQuery简单的Ajax调用示例 jQuery确实方便,下面做个简单的Ajax调用: 建立一个简单的html文件: <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="Public/js/jquery-easyui-1.3.1/jquery-1.8.2.min.js"></script> <script type=&qu

Ajax——ajax调用数据总结

在做人事系统加入批量改动的功能中,须要将前台中的数据传给后台.后台并运行一系列的操作. 通过查询和学习了解到能够通过ajax将值传入到后台,并在后台对数据进行操作. 说的简单点.就是ajax调用后台的方法.通过学习和实践.学习了几种ajax调用数据的几种形式,如今总结一下: 1.  Ajax调用无參的后台方法的数据 Jquery前台代码: //ajax调用无參数后台方法 $(function () { $("#btnok").click(function () { $.ajax({ t

Javascript调用C#后台方法及JSon解析

Javascript调用C#后台方法及JSon解析 如何使用Ajax 调用C# 后台方法. 本文目录 如何使用Ajax 调用C# 后台方法. 1.后台(.cs)测试方法 2.前台调用(javascript)代码: 在通常的WebForm中,我们通常使用“一般处理程序”来响应Ajax请求.今天我们尝试使用Ajax调用.cs文件的方法. 1.后台(.cs)测试方法 [WebMethod] public static string DisplayImagesInfo() { List<ImageQue