ajax方法怎么用,ajax的使用方法

后台在写代码时 一般都会用到AJAX传值的方法

了解的AJAX方法有三种样式

第一

$.ajax(

{

type: "POST",

url: "UserList.ashx?action=Del",

data: { FId: FId },

contentType: "application/x-www-form-urlencoded",

dataType: "json",

async: false,

cache: false,

success: function (data) {

debugger;

if (data.state) {

//提示并刷新页面

swal({

title: data.msg, //弹出框的title

type: "warning", //淡出框类型

showCancelButtun: false,//是否显示取消按钮

confirmButtonColor: "#DD6B55",//确定按钮颜色

confirmButtonText: "确定", //确定按钮上面的文档

closeOnConfirm: true,

timer: 1000,

},

function (isConfirm) {

window.location.href = data.url;

}

);

}

else {

swal({

title: data.msg, //弹出框的title

type: "warning", //淡出框类型

showCancelButtun: false,//是否显示取消按钮

confirmButtonColor: "#DD6B55",//确定按钮颜色

confirmButtonText: "确定", //确定按钮上面的文档

closeOnConfirm: true,

timer: 1000,

},

function (isConfirm) {

window.location.href = data.url;

}

);

}

},

error: function () {

swal({

title: "服务器异常", //弹出框的title

type: "waring", //弹出框类型

showCancelButton: false, //是否显示取消按钮

confirmButtonColor: "#DD6B55",//确定按钮上面的文档

closeOnConfirm: true

});

}

第二种  传递封装包

$.ajax(

{

type: "POST",

url: "SortList.ashx?action=Add",

data: imgData,

contentType: false,

dataType: "json",

processData: false,

async: false,

cache: false,

success: function (data) {

debugger;

if (data.state) {

//提示并刷新页面

swal({

title: data.msg, //弹出框的title

type: "success", //弹出框类型

showCancelButton: false,//是否显示取消按钮

timer: 1000,

}, function (isConfirm) {

window.location.href = data.url;

}

);

}

else {

swal({

title: data.msg, //弹出框的title

type: "warning", //淡出框类型

showCancelButtun: false,//是否显示取消按钮

confirmButtonColor: "#DD6B55",//确定按钮颜色

confirmButtonText: "确定", //确定按钮上面的文档

closeOnConfirm: true,

timer: 1000,

},

function (isConfirm) {

window.location.href = data.url;

}

);

}

},

error: function () {

swal({

title: "服务器异常", //弹出框的title

type: "waring", //弹出框类型

showCancelButton: false, //是否显示取消按钮

confirmButtonColor: "#DD6B55",//确定按钮上面的文档

closeOnConfirm: true

});

}

})

第三种  给前台传递图片信息

$(function () {

//请求后台

$.ajax({

type: "POST",

url: " Products.aspx?action=NewImg",

data: {},

contentType: "application/x-www-form-urlencoded",

dataType: "json",

async: false,

cache: false,

success: function (data) {

if (data.state) {

//将data.data转换为JSON对象

var ImgList = JSON.parse(data.data);

console.log(ImgList);

//构造图片列表HTML

var imglist

for (var i = 0; i < ImgList.lenth; i++) {

imglist = imglist + '

' + ImgList[i].FName + '

';

}

$("#imglist").html("");

$("#imglist").append(imglist);

}

}

});

})

第一种跟第二种的区别在于Data  传递后再次解析与不解析

在Asp&period;Net MVC中用Ajax回调后台方法

在Asp.Net MVC中用Ajax回调后台方法基本格式: var operData = ...; //传递的参数(action中定义的) var type = ...; //传递的参数(action ...

在Visualforce page中用自带的控件实现Ajax回调后台方法(并且可以用js去动态给parameters赋值)

这里用的组合是:apex:commandLink  + apex:actionFunction + apex:outputPanel 这里的 apex:commandLink 和 apex:actio ...

asp&period;net如何在前台利用jquery Ajax调用后台方法

一 :最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后,原来在asp.net中利用Ajax调用后台方法同样很简单,为了便于自己以后查看,特将此 ...

011&lowbar;URL和Ajax辅助器方法

创建基本的链接和URL 在我们介绍链接或URL之前先做一些准备,我们这部分要介绍的知识将要使用的项目就是之前建立的HelperMethods项目,现在需要先为其添加一个People控制器,并在其中定义 ...

【转】Ajax中send方法参数的使用(get&sol;post)

Ajax中send方法参数的使用 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : ...

Ajax请求内嵌套Ajax请求的方法

前段时间做项目,需要把全国省市的两个XML文件整合成一个JSON格式的数据,手写的话觉得数据太多了,而且容易出错,于是就想到了用Ajax嵌套的方法来解决,就想平时用Ajax的方法直接嵌套,都会先读出外 ...

Ajax的ActionLink方法(适用于异步加载)

8.2.1  AJAX的ActionLink方法 在Razor视图中,AJAX辅助方法可以通过Ajax属性访问.和HTML辅助方法类似,Ajax属性上的大部分AJAX辅助方法都是扩展方法(除了Ajax ...

Ajax的load方法演示

load方法的参数形式为: load(url,[data],[callback]); 其中url为请求HTML页面的URL地址.[data]表示发送至服务器的key/value数据.callback表 ...

Ajax中send方法的使用

Ajax中send方法参数的使用 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : ...

随机推荐

三种Singleton的实现方式

来源:http://melin.iteye.com/blog/838258 三种Singleton的实现方式,一种是用大家熟悉的DCL,另外两种使用cas特性来实现. public class Laz ...

Linux的find命令

使用find命令,可以指定问及那的名称.类别.时间.大小以及权限等,来查找出你想要的文件 语法: fiind  [路径] [参数] [-print] 参数详解: 1.-name  按照文件名查找文件 ...

java 初学者需注意问题

1.Java为什么能跨平台运行? Java语言编写的程序既是编译型的,又是解释型的.程序代码经过编译之后转换为一种Java字节码的中间语言,Java虚拟机即JVM将对字节码进行解释和运行.编译只进行一 ...

&lbrack;iOS&rsqb;深入浅出 iOS 之多线程 NSThread

OS 支持多个层次的多线程 编程,层次越高的抽象程度越高,使用起来也越方便,也是苹果最推荐使用的方法.     下面简要说明这三种不同范式:  Thread 是这三种范式里面相对轻量级的,但也是使用起 ...

Number of 1 Bits——LeetCode

Write a function that takes an unsigned integer and returns the number of ’1' bits it has (also know ...

Sql Server专题一：索引(中)

写在前面的废话: 索引这个知识点,我前前后后不知道看了多少边,网上的文章五花八门,搞的我晕头转向,搞的牛逼点的就是测试索引带来的好处,还搞一大堆的测试数据出来,有意思吗?MS自己不会测试吗?这样的测试 ...

Android 使用Picasso加载网络图片等比例缩放

在做android图片加载的时候,由于手机屏幕受限,很多大图加载过来的时候,我们要求等比例缩放,比如按照固定的宽度,等比例缩放高度,使得图片的尺寸比例得到相应的缩放,但图片没有变形.显然按照andro ...

Python基础学习(四)

菜鸟咀嚼python基础之继续. 一.返回函数 第三章已经简单操作了Python的高阶函数,目前继续练手函数作为返回值的特效:通常,高阶函数除了可以接收函数作为参数外,还可以把函数作为结果值返回. 案 ...

lombok &commat;Builder注解使用的例子、反编译之后的代码详解

lombok的@Builder实际是建造者模式的一个变种,所以在创建复杂对象时常使用 这里对lombok的@Builder和@Data组合的使用示例 import lombok.Builder; im ...

&period;gitignore文件常用写法

一般的项目代码中会涉及到密码.key/secret等隐私内容,不适合上传github公开.这时可以使用.gitignore文件来屏蔽这些文件的提交. 你可能用到的写法如下 写法 含义 /build/ ...