通过jQuery的Ajax方式来提交Form表单
2024-08-31 16:30:35
通过jQuery的Ajax方式来提交Form表单
$.ajax({
url:ajaxCallUrl,
type:"POST",
cache:true,
async:false,
data:$('#yourformid').serialize(),
success: function(data) {
$("#commonLayout_appcreshi").parent().html(data);
},
failure:function(request){
alert("Action failure");
},
error: function(request) {
alert("Connection error");
}
});
serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
您能够选择一个或多个表单元素(比方 input 及/或 文本框),或者 form 元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
语法:
$(selector).serialize()
serialize() 方法能够操作已选取个别表单元素的 jQuery 对象,比方 <input>, <textarea> 以及 <select>。
只是。选择 <form> 标签本身进行序列化一般更easy些。详细參见:http://www.w3school.com.cn/jquery/ajax_serialize.asp
也能够通过serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。
您能够选择一个或多个表单元素(比方 input 及/或 textarea),或者 form 元素本身。
语法:
$(selector).serializeArray()
serializeArray() 方法序列化表单元素(相似 .serialize() 方法),返回 JSON 数据结构数据。
注意:此方法返回的是 JSON 对象而非 JSON 字符串。
须要使用插件或者第三方库进行字符串化操作。
返回的 JSON 对象是由一个对象数组组成的,当中每一个对象包括一个或两个名值对 —— name 參数和 value 參数(假设 value 不为空的话)。详细參见:http://www.w3school.com.cn/jquery/ajax_serializearray.asp
file、images、button、submit、reset都不会被序列化
最新文章
- Ajax的二次封装
- 对InvokeAction简略分析了解验证失败为什么Action还会继续执行
- web前端学习(一) html+js实现文本框背景及只读属性修改
- mybatis 入门二
- 第二次作业第2题_JH
- MrHuo.OAuthLoginLibs社会化登录组件Github
- IOS UI 第五篇:基本UI
- 《C++反汇编与逆向分析技术揭秘》——基本数据类型的表现形式
- CSDN博客添加量子恒道统计代码步骤
- WebStorm开发工具设置React Native智能提示
- 20175208《Java程序设计》第五周学习总结
- #WEB安全基础:HTML/CSS | 0x0 我的第一个网页
- JavaWeb——XML转义符字
- Github(远程仓库) 2
- 核化主成分分析(Kernel PCA)应用及调参
- Word Embedding理解
- xshell中出现的绿色背景的文件夹
- Shell - 简明Shell入门12 - 定制输出(ColorOutput)
- [Umbraco] Data Type之Render control
- bug5 Debug:This kind of launch is configured to openthe debug perspective when it解决办法