ajax获取表单数据 jquery怎么获取表单所有数据
jquery怎么获取表单所有数据
$("button").click(function(){
alert($(this).serialize())
})
//或者
$(form).submit(function() {
alert($(this).serialize())
return false
}) serialize() 方法通过序列化表单值，创建 URL 编码文本字符串
angular怎么获取表格每一列的数据
我们会关注两种提交表单的方式：
旧方法：jQuery和PHP提交表单
新方法：AngularJS和PHP提交表单
首先看一下我们的表单，超级简单：
形式要求
实现页面无刷新表单处理
输入姓名和超级英雄别名
如果有错误，显示错误提示
如果输入有误，将输入变成红色
如果所有内容ok，显示成功提示
文档结构
在我们的展示中，仅需两个文件
index.html
process.php
表单处理
让我们新建一个PHP来处理表单。该页面非常小并且使用POST方式提交数据。
处理表单：这对我们来说并不是那么重要的。你可以使用其他你喜欢的语言来处理你的表单。
// process.php
$errors = array() // array to hold validation errors
$data = array() // array to pass back data
// validate the variables ======================================================
if (empty($_POST[name]))
$errors[name] = Name is required.
if (empty($_POST[superheroAlias]))
$errors[superheroAlias] = Superhero alias is required.
// return a response ===========================================================
// response if there are errors
if ( ! empty($errors)) {
// if there are items in our errors array, return those errors
$data[success] = false
$data[errors] = $errors
} else {
// if there are no errors, return a message
$data[success] = true
$data[message] = Success!
}
// return all our data to an AJAX call
echo json_encode($data)
这是一个非常简单的表单处理脚本。我们仅检查数据是否存在，如果存在，则不做任何处理和操做；如果不存在，则需要向$errors数组中添加一条信息。
为了返回我们的数据用于AJAX调用，我们需要使用echo和json_encode。这就是我们PHP表单处理所有需要做的操作。使用普通的jQuery AJAX或者Angular处理表单也是这样的。
展示表单
让我们创建一个HTML来展示我们的表单
Angular Forms
Submitting Forms with Angular
Name
Superhero Alias
Submit!
现在，我们有了表单。我们另外还使用了Bootstrap来使表单看起来不是那么丑。使用Bootstrap语法规则，每个input下含有一个spot来展示我们文本的错误信息。
使用jQuery提交表单
现在，让我们来使用jQuery处理表单提交。我会将所有的代码添加到空的
...
这里处理表单有不少的代码。我们有获取表单中变量的代码，有使用AJAX将数据发送至我们的表单的代码，有检查是否有错和显示成功提示的代码。除此之外，我们希望每次表单提交之后，过去的错误信息都会被清除。确实是不少代码。
现在，如果表单中含有错误，则：
如果提交成功：
现在，让我们看使用Angular来提交相同的表单。记住，我们不需要更改任何关于我们的PHP如何处理表单的内容，我们的应用依然会具备相同的功能（在同一个地方展示错误和成功信息）。
使用Angular提交表单
我们准备在之前使用的
...
现在，我们有了Angular应用的基础。我们已经加载了Angular，创建了组件模块和控制器，并且将其应用于我们的网站。
接下来，我将展示双向绑定是如何工作的。
双向数据绑定
这是Angular的核心思想之一，也是功能最强大的内容之一。在Angular文档中，我们看到：“在Angular网页应用中的数据绑定，是模型和视图层之间的数据自动同步。”这意味着，我们需要在表单中抓取数据，使用$(input[name=name]).val()并不是必需的。
我们在Angular中将数据和变量绑定在一起，无论是javascript也好，view也罢，只要有改变，两者皆变。
为了演示数据绑定，我们需要获取表单的input来自动填充变量formData。让我们回到应用于页面的Angular控制器中。我们在过一下$scope和$http。
$scope：控制器和视图层之间的粘合剂。基本上，变量使用$scope从我们的控制器和视图层之间传递和往来。具体详细的定义，请参见文档。
$http：Angular服务来帮助我们处理POST请求。更多信息，请参见文档。
使用数据绑定获取变量
好了，闲话少说。我们将这些讨论应用到表单中去。方法比上面讨论的要简单。我们想Angular控制器和视图中分别添加一行。
...
怎么用jquery获取上一页的表单数据
在提交上一页表单的时候，将你提交的值记录下来，放在后台的数据库中，或者放入cookie中，不然是无法获取的。因为要获取历史数据，那么就需要考虑数据放在那里，我就去哪里找到它来。和我们整理自己的物品是一样的道理，用过的东西，用完之后，放在哪里方便我们下一次快速的找到。
jquery中怎么样获取表单所有值
serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。
您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。
序列化的值可在生成 AJAX 请求时使用。
jquery怎么获取表单所有的值
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val()
下拉框select： $(#sel).val()
控制表单元素：
文本框，文本区域：$("#txt").attr("value",)//清空内容
$("#txt").attr("value",11)//填充内容
多选框checkbox： $("#chk1").attr("checked",)//不打勾
$("#chk2").attr("checked",true)//打勾
if($("#chk1").attr(checked)==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",2)//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",-sel3)//设置value=-sel3的项目为当前选中项
$("").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框.