通过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都不会被序列化

最新文章

  1. Ajax的二次封装
  2. 对InvokeAction简略分析了解验证失败为什么Action还会继续执行
  3. web前端学习(一) html+js实现文本框背景及只读属性修改
  4. mybatis 入门二
  5. 第二次作业第2题_JH
  6. MrHuo.OAuthLoginLibs社会化登录组件Github
  7. IOS UI 第五篇:基本UI
  8. 《C++反汇编与逆向分析技术揭秘》——基本数据类型的表现形式
  9. CSDN博客添加量子恒道统计代码步骤
  10. WebStorm开发工具设置React Native智能提示
  11. 20175208《Java程序设计》第五周学习总结
  12. #WEB安全基础:HTML/CSS | 0x0 我的第一个网页
  13. JavaWeb——XML转义符字
  14. Github(远程仓库) 2
  15. 核化主成分分析(Kernel PCA)应用及调参
  16. Word Embedding理解
  17. xshell中出现的绿色背景的文件夹
  18. Shell - 简明Shell入门12 - 定制输出(ColorOutput)
  19. [Umbraco] Data Type之Render control
  20. bug5 Debug:This kind of launch is configured to openthe debug perspective when it解决办法

热门文章

  1. hpuoj--校赛--考试来了(水题)
  2. spring boot 的常用注解使用 总结
  3. 【DNN控件】
  4. Win32++:可替代MFC的Windows桌面应用开发框架
  5. Android框架-Volley(二)
  6. 一篇文章助你理解Python3中字符串编码问题
  7. vue单页面前端做非空校验
  8. js实现观察者模式风格替换
  9. POJ2104 K-th Number(整体二分)
  10. Symfony4中文文档: 安装和设置Symfony框架