Ajax完整结构和删除

时间:2022-09-21 17:16:19

1、ajax完整结构

注意:(1)最后一个没有","

(2)ajax对网速要求高,最好有各种提示和使用按钮(可使其失效,防止重复加载)

  $.ajax({
url: "ajax/tian.ashx",//连接的服务端
data: { "ncode": dd },//提交的数据
type: "post",//提交的方式
dataType: "json",//返回的数据类型
success: function (data) {},//返回数据、没有错误执行的代码
error: function () { },//出错时执行的代码,一般是:服务端连接失败
beforeSend: function () {},//没返回数据时执行的代码,可以用来防止重复提交(让控件失效)
complete: function () { }//没出错并数据返回后执行,一般不使用,可以把返回数据要执行的语句写在success中
});//ajax

2、删除

 //动态添加删除
 ss += "<td><a href=\"#\" class=\"del\" un=\"" + data[i].usersname + "\" >删除</a></td>";
//动态添加使用未来元素
$(".del").live("click", function () {
var ok = confirm("是否要删除这条信息?");
if (ok == false) {
return false;
}
var names = $(this).attr("un");
var namec = $(this);//在ajax中不能直接使用this
$.ajax({
url: "ajax/delete.ashx",
data: { "uname": names },
type: "post",
dataType: "json",
success: function (aa) {
if (aa.has == "") {
alert("删除失败!");
}
else {
alert("成功!");
yhm = "";
xb = "";
mz = "";
hanshu("", pag, yhm, xb, mz);
$("#CurrentPage").text("");
zong(yhm, xb, mz);
$("#JumpTo_Drop").val("");
$("#TextBox1").val("");
$("#DropDownList1").val("");
$("#DropDownList2").val("");
}
},//success
error: function () { alert("连接服务端失败!"); },
beforeSend: function () {
namec.text("加载中...");
},
complete: function () { namec.text("删除"); }
});//ajax
});

3、属性扩展

在一般处理程序中拼语句时可属性扩展

性别扩展:u.sex.value?"男":"女"

民族等有外键关系的可直接点出:u.Nation1.NationName

Ajax完整结构和删除的更多相关文章

  1. 【2017-06-06】Ajax完整结构、三级联动的制作

    一.Ajax完整结构 $.ajax({ url:"Main.ashx", data:{}, dataType:"json", type:"post&q ...

  2. ajax完整结构

    $.ajax({ url:"服务器", data:{"key":所传数据}, type:"post", dataType:"jso ...

  3. C&num;-WebForm-AJAX阿贾克斯(二)&starf;&starf;&starf;&starf;&starf;ajax的完整结构&starf;&starf;&starf;&starf;&starf;

    ajax完整结构: $.ajax({ url:"",//服务器路径 data:{},//给服务端传递的参数,可以没有,也可以是多个 type:"post", / ...

  4. Ajax完整篇(转载)

    Ajax 完整教程 第 1 页 Ajax 简介Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用 ...

  5. Ajax 完整教程。。转载

    Ajax 完整教程 第 1 页 Ajax 简介 Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应 ...

  6. java通过反射取得一个类的完整结构

    首先我们在person包中新建一个Person.java: package person; import sex.Sex; public class Person{ private String na ...

  7. AJAX 基本结构 数据加载

    AJAX -- 网页数据异步加载 .ashx 一般处理程序   json 数据格式,在不同的语言之间传递数据 对象格式:     "{"key":"value& ...

  8. 【笔记】AJAX&plus;SweetAlert插件实现删除操作

    [笔记]AJAX+SweetAlert插件实现删除操作 Django AJAX SweetAlert  展示 SweetAlert 插件介绍 SweetAlert 是一个 JS 插件,能够完美替代 J ...

  9. ajax结合sweetalert实现删除按钮动态效果

    目录 一.ajax结合sweetalert实现删除按钮动态效果 二.bulk_create批量插入数据 1. 一条一条插入 2. 批量插入 三.自定义分页器 一.ajax结合sweetalert实现删 ...

随机推荐

  1. POJ 2195:Going Home(最小费用最大流)

    http://poj.org/problem?id=2195 题意:有一个地图里面有N个人和N个家,每走一格的花费是1,问让这N个人分别到这N个家的最小花费是多少. 思路:通过这个题目学了最小费用最大 ...

  2. 火狐和google游览器的 hack独有识别 css

    先来看google的: /* 这针对于webkit内核的游览器.包括苹果谷歌游览器等*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ...

  3. asp&period;net中listview下嵌套gridview

    最近在上软件工程实践课程,想做一个类似于QQ空间或者朋友圈一样的效果.即显示所有好友发送的动态以及动态下回复的信息. 自己YY了一种方法,一开始以为不能达到效果,研究了2个小时终于实现了,感觉效果还是 ...

  4. 1&period;redis安装

    一.安装 1.安装 tar fvxz redis-3.0.7.tar.gz  ln -s redis-3.0.7 redis cd redis make && make install ...

  5. 解决 nginx 出现 413 Request Entity Too Large 的问题

    1.若nginx用所用的 php 请求解析服务是 fpm, 则检查 /etc/php5/fpm/php.ini 文件中的参数 upload_max_filesize = 20M post_max_si ...

  6. CSS 内边距 &lpar;padding&rpar; 实例

    CSS 内边距 (padding) 实例元素的内边距在边框和内容区之间.控制该区域最简单的属性是 padding 属性. CSS padding 属性定义元素边框与元素内容之间的空白区域.CSS 内边 ...

  7. 在IIS上启用Gzip压缩&lpar;HTTP压缩&rpar;

    一.摘要 本文总结了如何为使用IIS托管的网站启用Gzip压缩, 从而减少网页网络传输大小, 提高用户显示页面的速度. 二.前言. 本文的知识点是从互联网收集整理, 主要来源于中文wiki.  使用Y ...

  8. elementUI 日期 周一、周二、周三、周四、周五、周六、周日快捷键

    <el-date-picker v-model="ruleForm.pickDateMeal" type="daterange" align=" ...

  9. Java 中编程的格式

    Java 编程注意的格式: 1.大括号对齐 2.遇到{ 缩进Tab 3.程序块之间加空行 4.并排之间加空格 5.运算符之间加空格 6.{ 之间加空格 7.成对编程 ({ }) 8.类名首字母大写 9 ...

  10. matlab cvx工具包安装

    cvx是凸函数优化的工具包 官网下载地址,http://cvxr.com/cvx/download/ 1 解压到任意文件,最好不要是matlab中的toolbox, 2 假如你解压倒了c盘sample ...