ajax 获取表单内容然后传递PHP

我之前一直在用DOM通过js提取表单内容给PHP做处理,其实也就相当于没用form。。

后来form的内容越来越多了,通过一个个getElementById来获取表单内容然后给PHP越来越不现实了

我在想能不能通过form原本的POST方式(或者有别的方式?)直接将表单内容变成数组,然后js获取数组之后在传递给后台PHP,然后PHP在解析数组做处理,这样做ajax?

可能以上描述不是很专业,忘大神谅解,非常感谢

6个回答

Sample

....

Jquery

$.ajax({
type: "POST",
url: 'url.php',
data: $('#frmSubmit').serialize(),
success: function (data) {
// your codes
}
});

PHP
与原有form POST 处理没区别。

看这里http://www.w3school.com.cn/jquery/ajax_serialize.asp 要使用jQuery前端框架哦

设置表单的target为隐藏iframe的name值,将表单提交到隐藏iframe来模拟ajax无刷新操作,或者倒入jquery框架,调用serialize方法即可将表单序列化为键值对字符串。

或者自己遍历表单也行



        function serializeForm(f) {//参数f为表单这个DOM对象
            var params = '', tmp;
            for (var i = 0; i < f.elements.length; i++) {
                if (f.elements[i].name) {
                    switch (f.elements[i].type) {
                        case 'hidden':
                        case 'password':
                        case 'text':
                        case 'textarea':
                        case 'select-one':
                            params += (params == '' ? '' : '&') + f.elements[i].name + '=' + encodeURIComponent(f.elements[i].value); break;
                        case 'select-multiple':
                            tmp = '';
                            for (var p = 0; p < f.elements[i].options.length; p++)
                                if (f.elements[i].options[p].selected) tmp += (tmp == '' ? '' : ',') + f.elements[i].options[p].value;
                            if (tmp != '') params += (params == '' ? '' : '&') + f.elements[i].name + '=' + encodeURIComponent(tmp); break;
                        case 'radio': case 'checkbox':
                            if (f.elements[i].checked) params += (params == '' ? '' : '&') + f.elements[i].name + '=' + encodeURIComponent(f.elements[i].value); break;
                    }
                }
            }
            return params;
        }

会JQUERY就不存在getElementById的困扰了

jQuery里有个serializeArray()方法,可以将表单数据整合成JSON,非常方便;或者使用serialize()方法整合成键值对字符串,也不错。

如此,使用PHP处理起来非常舒服~~~

请采纳!

使用jq。
getElementById("myId")--》$("#myId")
如果是input,使用val()获取其值,设置值用val("设值")
用法:
$("#myId").val();
教程:
http://www.w3school.com.cn/jquery/jquery_dom_get.asp

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
表单内容的传递和获取问题
我在一个Form.html网页中建立一个表单项,rn比如 rn rn我想要在test.html网页中获取姓名资料,该怎么样使用get方法?rnrn
ajax获取PHP传递的JSON字符串
直接上代码,分为两部分:bar.php和bar.html. bar.html中通过ajax获取bar.php返回的JSON字符串bar.php …………………..<? $a=rand(100,200); $b=rand(100,200); $c=rand(100,200); $d=rand(100,200); $e=rand(100,200);$str=<<<STR "provi
如何php获取表单内容
我现在要做一个问卷调查系统,问卷已通过数据库生成了,但不知道如何用php来获取表单内容,请高手指点rn客户可以在后台自己添加,添加后就会在前台生成问卷rn现在问卷生成了,不知道如何可以用php把表单的内容获取到
php 获取表单中的内容
一:简单介绍一下是怎样获取的 php接受通过HTML表单提交的信息时,会将提交的数据保存在全局数组中,我们可以调用系统特定的自动全局变量数组来获取这些值。 二:常用的自动全局变量有: $_GET; $_POST; $_REQUEST 其中前两个是经常用的。 他们是通过:from标签中的method 里面传的方式  如果是get就用$_GET属性  如果是post就用 $_
表单内容传递问题
当我填写完第一页后,点下一页进入第二页填写完数据后在点上一页反回第一页查看填写信息,之后再点下一页进入第二页时,先前所填数据被清空,怎么办?
$.ajax传递二维数组到PHP
/*用$.ajax传递二维数组*/ var data = [];//创建data数组对象 for(var i=0;i key = $(this).data("key");//这是从html当前对象获得data-key里面的参数 value = $(this).data('value'); DataType = $(this).data('datatype'); var o = {key
jq ajax表单获取
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery1.1.1.min.js"></script> </head> <body><table border="1" id="table"> <tr> <
AJAX获取表单的值。
如何使用Ajax提交form表单到服务器,获取form信息内容。
ajax 在html 的操作,获取表单的所有表单内容
$(document).ready(function () { $('#submit').click(function () { var data = $("#form").serializeArray(); var url = "{:url('save')}"; var jump_url = "index"
ajax提交表单,获取表单所有内容后用Ajax提交
原始form表单值获取方式(手动):$.ajax({   type: &quot;POST&quot;,   url: &quot;ajax.php&quot;,   data: &quot;Name=摘取天上星&amp;amp;position=IT技术&quot;,   success: function(msg){alert(msg);},   error: function(error){alert(error);} });JQ serialize()方法...
php获取ajax的headers方法与内容详解
1.前端页面 Cross-Browser QRCode generator for Javascript 点击 $(".suning").click(function(){ $.ajax({ url: 'headers.php', data: {'key':'123'},//如果需要字符串json方式,请使用JSON.stringify(
获取表单内容
获取表单内容用ASP好象有request.from 和 request.querystringrn这两种有什么区别,各有什么优点?
获取webbrowser表单内容
用rnwebbrowser.Document.GetElementById("pwd").InnerText = "aaaaaaaa";rn或者运行js可以设置表单数据,不过如何去的表单数据啊rnwebbrowser.Document.GetElementById("pwd").InnerText 怎么去不到数据呢。rnrn大哥们帮帮忙啊
delphi获取表单内容
通过下面的函数:rnfunction GetValueByElementName(web: TWebBrowser; elementName: string; index: integer): string;rnrnbeginrnrn result := (((web.Document as IHTMLDocument2).body.all asrnrn IHTMLElementCollection).item(elementName, index) as IHTMLInputElementrnrn ).valuernrnend;rn利用mshtml可以获取input表单 rn但是不可以获取 , rn请问如何获 ?rn谢谢
php表单获取问题
rn rnrnrnrnrn   rnrnrnrn我想实现点击搜索按钮之后能实现so.php?wd= 后面能获取到输入的词语,我这样写不行,新手,谁能告诉我个方法,就跟百度一样,搜索一个词语,在地址栏就变成那样的。
php如何获取表单?
在前一页填了表单,提交以后再php页 获取上一页的数据:option的是根据value,是不是?rn是不是大部分都是靠name获取表单内容啊?rn$_post[' name']rn?
ajax怎么整合两张表单内容然后统一提交
如题,我有两张因为需求问题,这两张表单必须将内容在提交之前整合到一起,然后统一提交到服务器。求大神们应该怎么解决?我用的ajax异步提交rnvar from1data = $("#form-horizontal1").serializeArray();rnvar from2data = $("#form-horizontal2").serializeArray();rnvar fromdata = $.extend(from1data,from2data); 像这样不能提交,我知道是我想简单了,但是实在不知道怎么提交了!
php用Ajax传递数组
代码如下: 定义array数组 var array = [1,2,3]; $.ajax({ url:"cart.php?act=delcart", async:false, type:'POST', data:{array:array}, dataType:'json', traditiona
AJAX获取数据库内容
在一个MVC的项目中,如何在登录的页面中添加代码,判断用户的输入与数据库中的数值是否一致,如果一致就什么都不管,如果不一致,出现提示弹窗.最好是使用ajax.求大神帮忙!!!!!
js利用formdata实现ajax传递表单
表单页面<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--U函数生成提交地址--> <form method="post" action="{:U('Server/index')}"> <label>user</label
如何将表单转换成json通过AJAX传递?
前台是一个单选题表单,前台控件命名大概是这样,rn 问题1rn ...rn 问题2rn ...rn我想把表单转化成如下json格式,通过AJAX传到后台验证:rnrn "question": [rn rn "id": "111"rn , "answer": "A"rn rn , rn "id": "222"rn , "answer": "C"rn rn ]rnrn请问要怎么转成json传过去呢?主要不清楚如何转化,ajax就一直传不过去rn
利用PHP抓取表单内容
利用PHP抓取表单中用户输入的内容第一步 建立一个表单,类似于登陆界面第二步 编写我们的PHP 第一步 建立一个表单,类似于登陆界面 效果图: 代码: &amp;amp;lt;!doctype html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;&amp;amp;lt;/title&amp;amp;gt; &amp;amp;
php获取jquery.ajax传递的变量值。
[code=HTML]rn rn rn rn rn rn rn rnrnrnrn[/code]rn[code=PHP]rn$param1 = $_POST["param1"];rn$param2 = $_POST["param2"];rn$param3 = $_POST["param3"];rn$param4 = $_POST["param4"];rn$array = array($param1,$param2,$param3,$param4);rnecho json_encode($array)rn[/code]rnrn为什么我通过PHP获取不到任何值呢?而且有时候不错误提示的时候获取的是空值,错误提示的时候比较多,怎么会有时错误有时不错误提示呢?是因为dataType的问题吗?rn另外我想问一下jquery的ajax的data参数每个参数值的长度是否有限制?get方式我知道有限制,post的有限制吗?限制的长度是多少?
js按钮获取表单内容
参照问题js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息 <table><tbody> <tr> <td>4</td> <td id='r'>5<td> <td><a href="#"><button type="button" >修改</button></a></td> <td><a href="#"><button type="button" >保存</button></a></t
request.getParameter()无法获取表单内容
当表单有这个属性 enctype=&quot;multipart/form-data&quot; 时,servlet不能使用 request.getParameter() 去接收表单信息, 用 String content = item.getString(); 获取输入框的内容
EXT 表单内容获取的方法
方法1 几乎所有的“容器”你都可以这么获得里面的项目 form.items.items[0].getValue();方法2form.getForm().findField('user_name').getValue();方法3 你先给textfield加个id 好像下面这样{xtype:'textfield',id:'userName',name:'user_name',fieldLabel:...
js获取表单内容问题
一个表单中有若干个hidden,我想根据调用js函数时传入的hidden名称,显示表单中hidden的值,rnrn rnrn rn rn rn rn rnrn rn rn rn rnrnrnrnjs错误提示rndocument.form1.a.value为空或不是对象rnrn谁帮个忙看看rnrnrnrnrnrnrnrn
php 获取页面内容
在采集一个页面的时候通常都是使用file_get_contents($url)rn不过返回的结果有时候会不全rn如果在html中使用 document.ready,在页面准备好后,使用ajax读取别一部分的数据rn再通过修改html标签的内容,就部分的数据就无法获取到,rn我看firefox中的firebug看html时,会自动把ajax部分的数据补到相应标签中,rnphp可以吗?怎么采集到完整的页面rn
php获取页面内容
想获取一个页面中的部分内容,代码如下,运行结果为空,不知道为啥rn[code=php]rnrn$con= file_get_contents("http://www.meishij.net/zuofa/gouqiboluoyinertang_5.html");rnrnrn$preg ='# (.*)#';rnrnrnrnrn rnpreg_match_all($preg, $con, $arr); //搜索内容赋值给数组rnrnrnrnprint_r($arr);rnrn[/code]rnrn就是想截取 之间的内容rn
php获取body内容
php获取body内容.function catbody ($filename) { //找到&lt;body&gt; ,之后字符有效 。 $content = file_get_contents&#40;"$filename"&#41;; $i = strpos("$content","&lt;body"); $j = $i +1 ; $k = strpos("$content","&gt;",$j); //找到&lt;/body&gt;,之前字符有效。 $m = strpos("$content","&lt;/body",$j); //理想情况就是这样子的。 //输出 echo "&lt;hr />文件名:$filename <br />"; for(++$k;$k<$m;$k++) { echo "$content[$k]"; } }//end func catbody(). --------------------- 作者:O_Ra 来源:CSDN 原文:https://blog.csdn.net/qq_40534785/article/details/88580441 版权声明:本文为博主原创文章,转载请附上博文链接!
PHP 正则 获取 内容
我想要正则匹配这个网址(http://www.9kf.com)中的内容,然后判断tr中是否包含关键字,重新组成一个表格,但在匹配这里出现了问题,我的代码如下,好像不行,求大神能给个正则吗?(顺便看下我的语句,如果有其他错误的也麻烦指出)谢谢rnrn我的:rnrn[code=php]rn$v = 'http://www.9kf.com'; // 原网址rnrn$ch = curl_init();rn$timeout = 5;rncurl_setopt ($ch, CURLOPT_URL, $v);rncurl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);rncurl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);rn$content = curl_exec($ch);rn$content = mb_convert_encoding($content, 'utf-8', 'GBK,UTF-8,ASCII');rnrn$preg = "/(.*?)<\/tr>/ism"; // 这里是表达式,大神看看rnpreg_match_all($preg,$content,$matches);rnprint_r($matches);rn[/code]
表单传递
现在有一个表单,里面有三个按扭rn第一个按钮是把数据post到1.asprn第二个按钮是把数据post到2.asprn第三个按钮是把数据post到3.asprn三个按钮是传递同一个表单的数据rn请问要怎么做
PHP表单-单选按钮传值和获取
主要讲解PHP的入门知识,包含PHP环境的安装、基础语法、PHP数据类型、运算符、常用语句、常用变量、函数、数组等,以及和mysql的数据操作,实战制作一个表单和数据库的互动:录入数据、修改数据、删除数据。
PHP表单-复选框传值和获取
主要讲解PHP的入门知识,包含PHP环境的安装、基础语法、PHP数据类型、运算符、常用语句、常用变量、函数、数组等,以及和mysql的数据操作,实战制作一个表单和数据库的互动:录入数据、修改数据、删除数据。
PHP表单-下拉列表传值和获取
主要讲解PHP的入门知识,包含PHP环境的安装、基础语法、PHP数据类型、运算符、常用语句、常用变量、函数、数组等,以及和mysql的数据操作,实战制作一个表单和数据库的互动:录入数据、修改数据、删除数据。
php获取不到表单的信息
练习php,写了一个简单的登录页面,却一直错误,表明表单的值没有传到php文件那里,各位大侠帮帮忙啊~~rn——login.html——rnrnrn rn rn rn rn rnrnrnrnrn——login.php——rnrnrn结果出来的结果echo "post sucessfully!"这一句没有输出,出来的信息是“请将信息填写完整”。echo $_POST["username"]也没有结果。rn但print_r($_POST);又是可以看到输出的。rnrn纠结啊,不懂啊,大侠们帮帮忙啊~~
PHP表单-文本传值和获取
主要讲解PHP的入门知识,包含PHP环境的安装、基础语法、PHP数据类型、运算符、常用语句、常用变量、函数、数组等,以及和mysql的数据操作,实战制作一个表单和数据库的互动:录入数据、修改数据、删除数据。
php系列之获取表单提交数据
通常表单的提交是通过POST方式,表单提交的数据分为两种,一种是普通的文本数据,一种是上传的文件.在php中,普通的表单数据通过$_POST可以获取到;文件则通过$_FILES获取.看一下下面的案例: &lt;?php function dealData () { echo '&lt;pre&gt;'; var_dump($_FILES); var_dump($_POST); ...
FormDate对象解决表单ajax异步上传,PHP获取上传数据
概述 FormDate对象可以将form表单中的数据包裹起来,通过ajax异步上传,包括表单中含有文件。 直接上代码 &amp;lt;body&amp;gt; &amp;lt;p&amp;gt;文件上传操作&amp;lt;/p&amp;gt; &amp;lt;form id=&quot;form1&quot; enctype=&quot;multipart/form-data&quot;&amp;gt; &amp;lt;input type=&quot;file&quot; name=&qu
php表单如何传递0值
php表单中,某一项的值为 0 , 传递过去的时候会被误判的空,该如何处理呢?谢谢.
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池