求助!如何把js的变量提交到php后台处理文件,求大神帮忙,已经摸索三天毫无头绪

须知:在下是超级小白,希望各位大大把我的代码修改好再发出来给我,我已经摸索了3天,因天资愚钝实在没有办法,怎么也不能把JS变量提交到PHP处理

我自己摸索打出来的代码,用ajax的异步提交法一直不成功,不能把js的变量提交到php后台,

之前使用form便签的action=“intoA.php”可以提交常值< input name=number >之类的,

目的:
我需要把输入的常量通过JS生成一句话,再把这句话提交到PHP文件,通过PHP提交到数据库,下面是我写的代码,需要提交的变量是"Var s =....."生成的句子

问题:
现在的主要问题就是我尝试了很多次,都不能把JS变量提交到PHP进行处理
php代码是没有问题的,我已经测试过可以提交常量到数据库,也可以通过web前端把常量提交到PHP后台文件

我使用的是wampsever集成开发软件,php 和 web都存在www文件夹里面,所以php文件的url应该是url:intoA.PHP
前端

<title>HTML5 Contact Form</title>

<style type="text/css">
.contact_form{border:1px solid #DDDDDD;padding:10px;width:760px;margin:40px auto 0 auto;}
</style>

<link rel="stylesheet" media="screen" href="styles.css" >

</head>
<body>

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>
function getZhi(){
var name = $("#name").val();
var place = $("#place").val();
var method =  $("#method").val();
var number =  $("#number").val();
var s = "来到" + place + name + "工地,现场" + method + ",拍照取证。" + "//六组/六组巡查照片/" + place + "/" + name + "/"+ number;

$.ajax({
 type: "POST",
 url: "intoA.PHP",
 data: "message=s&number=number",
 success: function(msg){
  alert( "Data Saved: " + msg );
 }
});
});
</script>



<form class="contact_form" action="" method="post" name="contact_form"><!--"#"用来

填处理表单数据的php文件-->
<ul>


 <li>
姓名:<select size="1" input type="name" id="name">
<option></option>
<option>姚锦堂</option>
<option>姚钿深</option>
<option>姚换章</option>
<option>姚淦强</option>
<option>姚灿伦</option>
<option>姚志坤</option>
<option>姚福全</option>
<option>姚满权</option>
<option>姚志良</option>
<option>姚月培</option>
<option>姚惠全</option>
<option>姚桂祥</option>
<option>姚桥旺</option>
<option>刘见华</option>
<option>刘天伟</option>
<option>刘涌旺</option>
<option>潘成泰</option>
<option>潘国平</option>
<option>潘庆堂</option>
<option>张煜新</option>
<option>杨道庭</option>
<option>黄庆培</option>
<option>曾德联</option>
<option>陈仲汝</option>
<option>李满堂</option>
<option>企石中学</option>
<option>东平村委会</option>
<option>第七中学对面</option>
<option>东莞市钜辉建设工程有限公司</option>
</select>
</li>

<li>
地址:<select size="1" input type="place" id="place">
<option></option>
<option>东山村</option>
<option>清湖村</option>
<option>新南村</option>
<option>上截村</option>
<option>下截村</option>
<option>东平村</option>
<option>上洞村</option>
<option>南坑村</option>
<option>霞朗村</option>
<option>铁炉坑村</option>
</select>
</li>

<li>
处理:<select size="1" input type="method" id="method">
<option></option>
<option>无工人作业</option>
<option>有1名工人作业,进行驱赶</option>
<option>有3名工人作业,进行驱赶</option>
<option>有5名工人作业,进行驱赶</option>
<option>有7名工人作业,进行驱赶</option>
<option>有12名工人作业,进行驱赶</option>
<option>有14名工人作业,进行驱赶</option>
<option>有16名工人作业,进行驱赶</option>
<option>有18名工人作业,进行驱赶</option>
<option>对工地进行勘验,制作笔录,下发了责令限期整改通知书(东综管责字[2017]第31-00000号)</option>
</select>
</li>


        <li>
            <label for="number">日期</label>
            <input id="number" name="number">
        </li>

<li>
<button class="submit" type="submit">提交</button>
</li>
   </ul>
</form>
</body>
</html>

这是后端

 <?php
$servername = "localhost";
$username = "root";
$password = "yy6788402";
$dbname = "A";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$message = $_POST['message'];
$number = $_POST['number'];

$sql = "INSERT INTO B SET message='$message', date='$number'";

if ($conn->query($sql) === TRUE) {
    echo "提交成功";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>

提交后数据库并没有收到任何信息,提交页面点击提交后也没有任何反应
图片说明

须知:在下是超级小白,希望各位大大把我的代码修改好再发出来给我,我已经摸索了3天,因天资愚钝实在没有办法,怎么也不能把JS变量提交到PHP处理

0

9个回答

1、可以不通过ajax请求,直接在 form 表单 action 属性添加你想要提交的url,表单会直接提交过去,像这样

 <form class="contact_form" action="intoA.PHP" method="post" name="contact_form"><!--"#"用来

填处理表单数据的php文件-->

2、如果一定要用 ajax 请求,你这只是定义了一个函数 function getZhi(),没有调用。
解决方法:给你要点提交的按钮绑定 click 事件来触发函数。
绑定到提交按钮上,把type去掉,不然表单也会提交一次

<button class="submit" click='javascript:getZhi();'>提交</button>

ajax:jquery的ajax还有更简单方便的用法,可以读一下官方文档

还有问题欢迎咨询

1
qqfanliwei
范工 是onclick事件:<button class="submit" onclick='javascript:getZhi();'>提交</button>
一年多之前 回复

http://ask.csdn.net/questions/673428

getZhi你怎么触发的?没见你调用getZhi函数的代码。看错误你的2个传递的参数值都没获取到,都是空的。 
7
qq_41221452
qq_41221452 回复showbo: 哥,按你这样改也是不行哦。你可不可以提供一下修改的代码给我哦,我只学了几天,零基础的
一年多之前 回复
showbo
支付宝加好友偷能量挖 而且昨天你那个错误date需要日期类型的,你getZhi里面ajax直接发送number这个字符串,不是他的值,就算触发getZhi也照样报错。 data: "message=s&number=number",改为 data: {message:s,number:number},这样jQuery会走动调用encodeURIComponent编码中文内容,防止乱码
一年多之前 回复

$.ajax({
type: "POST",
url: "intoA.PHP",
data: {message : s,
number : number},
success: function(msg){
alert( "Data Saved: " + msg );
}
});
ajax请求这样发试试,data不要用一个字符串,这样后台收不到的,应该会报404吧

0

function getZhi()没有触发点啊

0

script 改成这样

 <script>
        function getZhi(){
        var name = $("#name").val();
        var place = $("#place").val();
        var method =  $("#method").val();
        var number =  $("#number").val();
        var s = "来到" + place + name + "工地,现场" + method + ",拍照取证。" + "//六组/六组巡查照片/" + place + "/" + name + "/"+ number;

        $.post('intoA.PHP', {'message':s, 'number':number}, function (msg) {
            alert( "Data Saved: " + msg );
        });
        };
    </script>

0

<br> function getZhi(){<br> var name = $(&quot;#name&quot;).val();<br> var place = $(&quot;#place&quot;).val();<br> var method = $(&quot;#method&quot;).val();<br> var number = $(&quot;#number&quot;).val();<br> var s = &quot;来到&quot; + place + name + &quot;工地,现场&quot; + method + &quot;,拍照取证。&quot; + &quot;//六组/六组巡查照片/&quot; + place + &quot;/&quot; + name + &quot;/&quot;+ number;</p> <pre><code> $.post(&#39;intoA.PHP&#39;, {&#39;message&#39;:s, &#39;number&#39;:number}, function (msg) { alert( &quot;Data Saved: &quot; + msg ); }); }; &lt;/script&gt; </code></pre>

0

$.ajax({
type: "POST",
url: "intoA.PHP",
data: {message : s,
number : number},
success: function(msg){
alert( "Data Saved: " + msg );
}
});
ajax请求这样发试试,data不要用一个字符串,这样后台收不到的,应该会报404吧

0
  1. 在JS中设置COOKIE:document.cookie="cookiename="+value;
  2. 在PHP中用$_COOKIE["cookiename"]的方式读取。 [PHP] var name=&quot;num&quot;; var value=document.getElementById(&quot;category&quot;).value; document.cookie=&quot;num&quot;+&quot;=&quot;+value; <?php echo "$_COOKIE[‘num’]"; ?>
0

$.ajax({
type: "POST",
url: "intoA.PHP",
data: {message : s,
number : number},
success: function(msg){
alert( "Data Saved: " + msg );
}
});
ajax请求这样发试试,data不要用一个字符串,这样后台收不到的

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
动态添加/删除表格行并提交内容到后台
动态添加/删除表格行并实现前后台的互动,用最基础的c#和js知识实现,可以作为新手参考。
表单信息提交到指定邮箱
这是一个源码可以直接用来发送信息到指定邮箱,我测试过很成功,可以直接用
Java组工开发
很实用,里面几乎全是用ajax提交到后台很考验JS
js将excel转化成json 对象
js 将excel转成json对象,提交到后台。 主要用于前端.
js前台判断
非常好用的js前台判断,避免了将表单的数据提交到后台进行判断
求助帮忙调试下MFC源代码
求助,帮忙调试下MFC源代码。求助,帮忙调试下MFC源代码。求助,帮忙调试下MFC源代码
jsp+servlet做的form表单元素的提交
jsp+servlet做的form表单各个元素的提交到后台处理再显示
fifo to uart
VHDL 带fifo的uart 源代码,求大神帮忙修改。
新浪漫步者6.1
感觉很不好的一个软件 求更好的 有没有大神帮忙!
jsp与JavaScript提交至servlet的几种方式
jsp与JavaScript提交至servlet的几种方式
php提交表单到mysql数据库实例
php提交表单到mysql数据库实例,新手练习用的,写好后不想删掉,共享出来给需要练习的朋友。顺便赚点分。 数据库可以执行下面语句创建: create table links (name varchar(255) not null default '', address varchar(255) not null default '');
flashcam资源
利用flash制作图片,通过as3,提交到php,然后存储为jpg文件
用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。
用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> <form action="login.php" method="post" target="FORMSUBMIT" name="form1"> <div class="TxtUser" id="userlogindiv"> 用户名:<input name="username" id="username" type="text" size="18" > 密码: <input name="passwords" id="passwords" type="password" size="18" > <input type="submit" name="Submit" value="登录" /> </div> </form> php页面:
微信商城小程序带PHP后台
微信商城小程序带PHP后台,包括微信源码,后台PHP源码和数据库文件(mysql)
js把字符串转换成变量
js把字符串转换成变量js把字符串转换成变量
localResizeIMG3-master
localResizeIMG3-master 前台图片压缩&转换base64&提交到后台
json提交到后台并解析
json提交到Action后台并解析,使用json2,json-lib
js处理java后台传过来的date对象并转换成指定格式的字符串
js处理java后台传过来的date对象并转换成指定格式的字符串,亲测可用
PHP MVC Model类
PHP 网站后台 MVC框架 增删改查 求大神分享 !!!
非常好用的imgUp.js上传图片 demo
非常好用的imgUp.js上传图片 demo
checkbox全选,选中数据传到后台
工程从数据库中获取相关信息,通过<s:iterator>列表显示所有数据,实现了checkbox的全选,并将选中部分的数据传入后台,进行操作。
小程序签到系统附带php后台代码和数据库截图
小程序签到 使用thinkphp5作为后台接口 包含了数据库截图和后台php代码和小程序前端使用的文件夹
html5+jquery+java后台 压缩上传图片
html5通过localResizeIMG4压缩图片上传,后台java。
安卓studio.doc
求助大神啊
Moos分析值
请帮忙看一下如何把这个文件转为文本格式
office解码
我不会用 我下载的时候只有这个 又不能解码 所以 求大神帮忙
ELM——HOG
代码有问题 出现内存访问错误 求大神帮忙修改
掌百模拟的雏形
无,不能登录了。求大神改改。我发了一个帖子。大家都帮忙看看
PHP+MYSQL生成HTML静态页面带后台管理网站导航程序
演示地址 http://www.wzpopo.cn 使用说明 · 采用PHP+MYSQL架构,安全稳定 · 支持无限级分类,方便自由 · 每个分类均可单独设置Keywords、Description,方便SEO · 可设置每个网址的过期时间,到期自动屏蔽,方便管理收费链接 · 用户注册及自定义网址收藏夹功能,留住用户 · 点入来路自动统计排行功能,流量返还,方便推广 · 全站生成HTML · 自定义生成HTML的目录和文件名,将SEO进行到底 · 超强内核引擎,生成全站HTML只需要几分钟 · 数据在线备份恢复功能,让你高枕无忧 · …… 安装: 上传到WEB空间,然后使用浏览器访问 http://www.yourdomain.com/install/ 安装系统。 (需要将www.yourdomain.com换成你自己的域名,下同) 注意,上传的时候要使用二进制方式上传,否则可能导致程序损坏,不能使用。 管理: 使用浏览器访问 http://www.yourdomain.com/admin/ ,登录管理。 admin目录可以任意改名。为使你的网站更安全,建议将admin目录改成其它名字。 500M 专用双线空间 150 元 免费代为安装,无任何限制商业版。联系QQ:3382351
dll文件加密求破解
加密了的dll文件,不知道如何破解,求助 加密了的dll文件,不知道如何破解,求助
如何使用ajax
ajax提交到在另外一个页面处理,返回json格式的数据
php、js、jQ、html实现订单语音提醒
利用html和jQuery实现订单语音提醒。原理是html引入语音文件,通过js定时器、ajax去请求接口,判断数据。根据返回值是否触发语音。
cad lisp 五金模具外挂 快捷命令
cad 五金模具外挂,求大神帮忙破解。 有时候加载用不了,很无语。
JS实例:用javascript将数据导入Excel
JS实例:用javascript将数据导入Excel
xcode打包IPA上传App Store图文教程
最新 xcode打包 上次 苹果应用商店 教程 ,内容详细,步骤清晰,可参考。
html网页生成图片,必备js文件
html网页生成图片,实现截图功能必备的js文件,可以截取相关的div区域图片
一个简单游戏的程序
简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。
git本地推送远程步骤
git 本地提交到远程步骤git 本地提交到远程步骤git 本地提交到远程步骤git 本地提交到远程步骤
js图片裁剪插件 内附demo.rar
js图片裁剪插件 内附demo.rar 实现js图片裁剪 上传和php 后台处理
代码提交至gitee学习
代码提交至gitee学习。仅供初级开发人员使用,将自己的代码发布到码云账号上
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java 摸索学习算法 学习java没有头绪