jQuery提交表单的几种方式
方式一:
$.post('../Ajax/GoodsAjax.ashx?cmd=getGsList', function (result) {
var result = eval('(' + result + ')');
if (result.rbool) {
$('#creatLi').html("");
var li = "";
//动态添加商品类别样式
$.each(result.fList, function (f, fsort) { //遍历集合
li += "<li><a class=\"easyui-linkbutton\" data-options=\"iconCls:'icon-folder_page',plain:true\">" + fsort.gs_Name + "</a><ul>";
$.each(result.cList, function (c, csort) {
if (fsort.gs_Id == csort.gs_PId) {
li += "<li><a class=\"easyui-linkbutton\" data-options=\"iconCls:'icon-page',plain:true\" onclick=\"GetGs(" + csort.gs_Id + ")\">" + csort.gs_Name + "</a></li>";
}
});
li += "</ul></li>";
});
方式二:(表单提交)
$('#form1').form('submit', {
url: '../Ajax/MemberAjax.ashx?cmd=editVersion',
success: function (data) {
var data = eval('(' + data + ')');
if (data.rbool) {
//关闭easyui窗口
$("#GSortWin").dialog({
closed: true
});
}
}
});
注意:html页
<form id="form1" name="form1" method="post"> </form>
方式三:
var title=$("#tb1").val();
var contents=$("#tb2").val();
$.ajax({
type:"post",
dataType:"josn",
data:{jian:title,jian2:contents},
success:function(data){
if(data.result=="0"{
alert("添加失败");
}
else{
alert("添加成功");
}
},
error:function(data){
alert("错误");
}
});
url传多参方式:
$.ajax({
url : "comment_ajax.asp?id="+number_id+"&vote_number="+good_bad, //需要提交的Url地址 默认get方式
async : true, //默认设置下,所有请求均为异步请求
cache : false, //设置为 false 将不会从浏览器缓存中加载请求信息。
dataType : 'text', //数据类型
error : function(xhr) { //错误回调函数
alert('错误:' + xhr.responseText);
},
success : function(data) { //成功获取数据后回调函数
alert('正确:'+va);//
$('#textfield2').val(data);
}
});
post传参:
- $.ajax({
- type: "POST",
- url: "../order/orderCancel.action", //orderModifyStatus
- data: {"orderId":orderId,"commant":commant},
- dataType:"json",
- async:false,
- cache:false,
- success: function(data){
- var member = eval("("+data+")"); //包数据解析为json 格式
- if(member.success=="true"){
- flag = true;
- }else if(member.success=="false") {
- alert(member.info);
- }
- },
- error: function(json){
- alert("订单取消异常,请刷新后重试...");
- }
- });
jQuery提交表单的几种方式的更多相关文章
- 使用JQuery提交表单的两种方式选择
有一个表单,如果使用JQuery提交的话,可以使用下面2中方式,但他们的区别却是根据实际需求需要进行选择的. 第一种:表单按照action路径提交后,页面会刷新. $("#id") ...
- C# MVC提交表单的四种方式(转)
Mvc 提交表单的4种方法全程详解(转) 一,MVC HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttribu ...
- 【总结-前台发送后台接收表单】MVC提交表单的四种方式
https://www.cnblogs.com/chenwolong/p/Form.html#commentform 后台控制器接收前台表单参数三种方法: 一.普通参数 HTML标签name 和参数名 ...
- MVC中提交表单的4种方式
一,MVC HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttributes){} BeginRouteForm ...
- 使用AJAX异步提交表单的几种方式
方式一 手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', u ...
- JavaScript—异步提交表单的6种方式
FormData的详细介绍及使用请点击此处,那里对FormData的方法和事件已经表述的非常清楚,这里就不再浪费时间在介绍一遍了.本文主要针对FormData对象的使用以及异步文件上传进行详细的说明. ...
- 提交表单时,post方式无法提交(一种情况)
tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1" 否则 ...
- Jquery Validate 表单验证的多种方式
ASP.NET MVC Jquery Validate 表单验证的多种方式 在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体 ...
- 利用JS提交表单的几种方法和验证(必看篇)
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <scr ...
随机推荐
- c知识点总结2
函数 int func(int x){ //x:形式参数 .... } int main(){ .... int res=func(z); //z:实际参数 } 实参与形参具有不同的存储单元, 实参与 ...
- nginx负载均衡的搭建和简单例子
一,nginx 下载地址:http://nginx.org/en/download.html 二,下载对应版本 三,打开下载的安装包:如下图 四,运行nginx.exe 1,这个是时候,程序运行都是一 ...
- 【问题解决方案】GitHub上克隆项目到本地
说明: 克隆线上项目到本地,可以直接clone克隆,不必再自己建文件夹啊,初始化啊. 命令: git clone + 想要克隆的项目的地址 END
- org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type [dx.service.ItemService] found for dependency
在整合ssm框架,测试service层的时候报错 Caused by: org.springframework.beans.factory.NoSuchBeanDefinitionException: ...
- 移动端300ms延迟原理,穿透、遮罩层滑动导致下面滑动总结
遮罩层滑动导致下面滑动 1,阻止弹层滑动,使用默认事件,使用这种方式弹层不能滑动 document.getElementById("model").addEventListener ...
- wordpress系统网站访问慢的解决方案
从2013年5月底开始,google在中国基本处于无法访问状态,谷歌官网 域名,香港域名均无法访问,就连之前的IP访问方法也都失效,而Google Adsense打不开,恐怕做谷歌联盟的站长也要倒霉了 ...
- openstack stein部署手册 10. 创建实例
# 建立网络(provider)与子网 openstack network create --share --external --provider-physical-network provider ...
- sqli(9)
less9--基于时间的GET单引号盲注 前言 重写博客是为了赶作业,现在已经下定决心考研了.以后这个博客只会记录我的数学.英语.数据结构学习记录了.我还是 想使劲冲一把,但是最近羁绊太多.很多作业( ...
- 关于<label>的for属性的简单探索
在freecodecamp上HTML教程的Create a Set of Radio Buttons这一节中,看到这样一段话, It is considered best practice to se ...
- vue的响应接口
Vue 可以添加数据动态响应接口. 例如以下实例,我们通过使用 $watch 属性来实现数据的监听,$watch 必须添加在 Vue 实例之外才能实现正确的响应. 实例中通过点击按钮自动加 1.set ...