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 ...
随机推荐
- 电路维修 (广搜变形-双端队列bfs)
# 2632. 「BalticOI 2011 Day1」打开灯泡 Switch the Lamp On [题目描述] 有一种正方形的电路元件,在它的两组相对顶点中,有一组会用导线连接起来,另一组则不会 ...
- SCUT - 271 - CC 非诚勿扰 - FFT
https://scut.online/p/271 第一次遇到没这么裸的,其实感觉到是卷积但是不知道怎么化.看来以后要多注意下标. #include <bits/stdc++.h> usi ...
- Python时间模块datetime用法
时间模块datetime是python内置模块,datetime是Python处理日期和时间的标准库. 1,导入时间模块 from datetime import datetime 2,实例 from ...
- Python2和Python3中的rang()不同之点
知道在python中rang()是一个有序的列表,在使用过程发现,Python2和Python3中的rang()不同之点,下面讲述不同之点 1,Python2 rang()用法 ->> r ...
- ftp服务端
#coding=utf-8 import SocketServer import json import os class MyTcpHandler(SocketServer.BaseRequestH ...
- lLinux的常用命令
命令基本格式: 命令提示符:[root@localhost ~]# root 代表当前的登录用户(linux当中管理员账号是root) @ 无实际意义 localhost ...
- 【技巧】Windows 10 1809无法接收1903解决方法
这都7月份了,Windows10 1903都升级的有一个月了,然而我的1809的系统一直找不到1903的更新. 虽说1903会有bug,但还是想体验一把.周围同事都更新了,心里还是痒痒的. 于是每天都 ...
- java中的Excel导出功能
public void exportExcel(Long activityId, HttpServletResponse response) throws IOException { // 获取统计报 ...
- 继承和构造函数语法造成的一个bug
一 出错误的代码 开发环境: visual studio 2017 社区版 #include "pch.h" #include <iostream> #include ...
- [python 学习] logging模块
1.将简单日志打印到屏幕: import logging logging.debug('debug message') logging.info('info message') logging.war ...