页面有一个请求form：

订单编号

用户帐户

发货状态

请选择

未发送

已发送

查询

JavaScript请求部分：

function showdatalist()

{

var username = $("#username").val();

var orderid = $("#oid").val();

var sendStatus = $("#sendStatus").val();

var data = {"username" : username, "orderid" : orderid, "sendStatus" : sendStatus, "type" : "0"};

$.ajax({

url:"" + "/****",

type : "post",

data : data,

async : true,

success : function(obj)

{

console.dir(obj);

if (obj.success == true)

{

if (obj.obj == null || obj.obj.length < 1)

{

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

}

else

{

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

var content= obj.obj ;

var p = "";

var start = 0;

for (i = 0; i < content.length; i++)

{

//组装数据

}

}

}

}

});

}

控制台监测到两次请求：

原因：

发生两次提交的原因是在执行完ajax请求后，并没有阻止submit的行为，所以解决方法有两种：

1、不使用type为submit类型的按钮，而是使用type是button的按钮。

2、在showdatalist函数中，最后加一行return false;，即可阻止submit。

jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实 ...

jQuery ajax 请求php遍历json数组到table中

html代码(test.html),js在html底部

< ...

jquery Ajax请求示例，jquery Ajax基本请求方法示例

jquery Ajax请求示例,jquery Ajax基本请求方法示例 ================================ ©Copyright 蕃薯耀 2018年5月7日 https: ...

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

1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

原生js，jquery ajax请求以及jsonp的调用

ajax    是用来处理前后端交互的技术,可以改善用户体验,其本质是    XMLHttpRequest,异步访问服务器并发送请求数据,服务器返回响应的数据,以页面无刷新的效果改变页面中的局部内容  ...

jQuery ajax请求错误返回status 0和错误error的问题

上周发现一个jQuery ajax请求错误返回status 0和错误error的问题,responseText是"error",状态码是0而不是200: $.ajax({ type ...

jquery Ajax请求中显示Loading&period;&period;&period;

jquery Ajax请求中显示Loading... $('#btnTest').click(function(){      $.ajax({           url ---- ,根据你需要设置 ...

二、jQuery Ajax请求

一.Ajax请求 1.jQuery Ajax请求 let ajaxTimeOut = $.ajax({ //将网络请求事件赋值给变量ajaxTimeOut url: "/api_v1.1/a ...

jquery ajax 请求参数详细说明 及 实例

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

随机推荐

Linux 磁盘分区、格式化、目录挂载

实验环境: Citrix虚拟化, RHEL6.4系统环境 本文目的: 熟悉Linux的基本磁盘分区.格式化.目录挂载. 显示当前主机目录 磁盘分区 磁盘格式化 挂载目录 1. 显示当前主机目录 命令d ...

CAS单点登录配置&lbrack;1&rsqb;：准备工作

关于CAS是什么这里就不在赘述,网友将它比喻成旅游景点的套票,买了一个套票就可以观看所有景点,不需要一个景点买一次票...我们重点介绍CAS单点登录的配置. 工具/原料 1.配置好JDK环境,否则不方 ...

oracle&lowbar;执行计划&lowbar;谓词信息和数据获取&lpar;access and filter区别&rpar; &lpar;转&rpar;

These two terms in the Predicate Information section indicate when the data source is reduced. Simpl ...

【原创】07&period; ajax请求，解决sendRedirect 无效

介绍: 后台基于旧代码用的Filter验证,若 Session过期,则跳转登陆页面 前台框架:EasyUI 问题: 最初后台验证不通过: 1 httpServletResponse.sendRedir ...

Begin again

新的一周开始. 写下这篇东西, 用来表明我还在奋斗的路上, 那么,加油咯.

linux 下 ifcfg-ethx配置和解析

网络接口配置文件[root@localhost ~]# cat /etc/sysconfig/network-scripts/ifcfg-eth0# Intel Corporation 82545EM ...

java中long类型的比较

int类型最大存储10位,因此很多地方要用到long类型,它的存储位数是+-19位 范围:-9223372036854775808到9223372036854775807解释:long类型是64位的也 ...

CentOS6&period;4 添加nginx系统服务

简介: Nginx安装完成后默认不会注册为系统服务,所以需要手工添加系统服务脚本.在/etc/init.d目录下新建nginx文件,并更改权限其即可. 1.新建nginx文件 1.1.新建文件:vi ...

ubuntu nginx本地局域网布署sever&lowbar;name设置

如果没有设置好sever_name 在本地输入虚拟机的ip.只会看到nginx的helloworld(打招呼界面,不可能写helloworld)界面 重点在于nginx的布署文件要加上这么一条   来 ...

atitit&period;orm的缺点与orm框架市场占有率，选型attilax总结

atitit.orm的缺点与orm框架市场占有率,选型attilax总结 1. attilax的orm框架要求 1 2. orm框架市场占有率 2 3. spring jdbc templt 3 4. ...