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 ...
随机推荐
- poj_3179 Corral the Cows (二分+二维前缀和+离散化)
[题目链接] http://poj.org/problem?id=3179 [参考] http://www.cnblogs.com/evenbao/p/9243183.html [算法] 二分答案+判 ...
- Python 批量文件下载
python文件 批量下载 .图片批量下载 ,批量请求.爬虫 #==================================================================== ...
- wxpython中列表框(ListBox类)、复选列表框(CheckListBox)、下拉选项(Choice)、进度条(Gauge)、滑块(Slider)使用实例源码分享
#coding=utf-8 import wx import time class MyFrame(wx.Frame): def __init__(self): wx.Frame.__init__(s ...
- 查询sql server占用内存的情况
se master go select * from sysperfinfo where counter_name like '%Total Server Memory (KB)%' go
- mysql查询每个部门/班级前几名
Employee 表包含所有员工信息,每个员工有其对应的 Id, salary 和 department Id . +----+-------+--------+--------------+ | I ...
- 安装kafka多节点
安装多节点的kafka只需要创建多份配置文件(server.properties),然后指定他们启动kafka服务即可,本例中采用一台服务器来模拟3个节点的kafka集群搭建.同理,使用一台服务器搭建 ...
- BZOJ 5046 分糖果游戏
网页崩溃了 心态也崩溃了 MD劳资写了那么多 题意: 有a,b两个人分糖,每个人都有一个能量值.每个人每一轮可以选择进行两种操作: 1.取走最左边的糖果,补充相应的能量值并获取相应的美味度. 2.跳过 ...
- jest操作 Elasticsearch
package com.lgmall.search; import com.lgmall.search.esEntity.Article;import com.lgmall.search.esEnti ...
- Redis-缓存击穿/穿透/雪崩
缓存击穿/穿透/雪崩 Intro 使用缓存需要了解几个缓存问题,缓存击穿.缓存穿透以及缓存雪崩,需要了解它们产生的原因以及怎么避免,尤其是当你打算设计自己的缓存框架的时候需要考虑如何处理这些问题. 缓 ...
- maven 几个命令的用法
进入到项目目 前 cd E:\workspace\foen_api(如切换不了目录) 直接E:\workspace\foen_api mvn clean 清理 mvn install 安装 mvn t ...