qq_41221452
qq_41221452
采纳率30%
2017-12-02 10:39 阅读 1.0k

求助!如何把jquery生成的句子提交到数据库

50

下面的代码是前端,“var s =”生成了我需要的句子,但是生成的句子我不知道怎么把它提交到我的后台处理文件,我的后台处理文件intoA.PHP是用于把前端的信息提交到数据库,文件的物理路径F:\wamp64\www,本地浏览器位置localhost/intoA.php,代码在最下面展示。
请务必写出详细代码给我,我自己摸索了之前说的ajax异步提交方法,摸索了一天都提交不成功,包括代码放在什么位置,是否需要下载某些软件

 <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;
alert(s);
}
<input name="getZhi()">
</script>

<form class="contact_form" action="intoA.php" 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>

可以看到我下面是直接令“$getZhi() = $_POST['getZhi()'];”,这种方法是失败的,php并不能识别并提交生成的句子

图片说明

而下面令“$number = $_POST['number'];“是提交成功的(前端我有“< input id="number" name="number" >”),name=“number”使后面的php可以识别number是什么

下面是我写的用于提交信息到数据库的后端,文件的物理路径F:\wamp64\www,本地浏览器位置localhost/intoA.php

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

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

$getZhi() = $_POST['getZhi()'];
$number = $_POST['number'];

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

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

$conn->close();
?>

希望大家不要告诉我用什么方法,而是直接把代码写出来,我是超级小白,可能在大家眼中很简单的问题我要摸索个几天才有眉目

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

8条回答 默认 最新

  • yujiaao COCO_AS 2017-12-02 10:56

    前端把

    alert(s);
    }
    <input name="getZhi()">
     </script>
    
    <form class="contact_form" action="intoA.php" method="post" name="contact_form"><!--"#"用来
    
    

    改成

     alert(s);
     $("#getZhi").val(s);
    }
    <input name="getZhi"  id="getZhi" >
    </script>
    
    <form class="contact_form" action="intoA.php" method="post" name="contact_form" onsubmit="getZhi" ><!--"#"用来
    
    

    后端

     $getZhi() = $_POST['getZhi'];
    

    input的name属性最好不用特殊字符
    onsubmit事件把生成的s值赋给input 控件

    点赞 评论 复制链接分享
  • weixin_38614766 「已注销」 2017-12-02 11:36

    function submiit()
    {
    var s="";
    $.ajax({
    type: "POST",
    url: "server_url",
    dataType:'json',
    data:{
    'parameter1':s,
    'parameter2':"data2"
    },
    success: function (data){
    alert(data.result);
    },
    error:function(){
    alert("error");
    }
    });
    }
    这是我写的一个函数,是可以通过ajax传递参数的,比较的简单。

    点赞 评论 复制链接分享
  • l964956392 l964956392 2017-12-02 12:35

    大兄弟,你这概念搞错了,你只能把前端数据提交到后台服务。不能直接存入数据库的。更关键的是你连后台服务的URL都不给,怎么提交。一楼给了个form的“action”,意味你要先写一个php的获取数据服务。二楼给了个jquery的ajax方法。但是Post提交少了点东西,get是可以的。

    点赞 评论 复制链接分享
  • Pocest Pocest 2017-12-02 14:34

    首先提交表单这里修改:
    1.


    修改:

    其次:

    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; alert(s); } <input name="getZhi()">

    修改:

    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; alert(s); return true; }

    最后:后端intoA.php

    <?php
    print_r($_POST); //打印所有提交的表单字段

    echo $_POST['name']; //其中一个
    

    ?>

    点赞 评论 复制链接分享
  • Pocest Pocest 2017-12-02 14:35

    form class="contact_form" action="intoA.php" method="post" name="contact_form" onsubmit="return getZhi()"

    点赞 评论 复制链接分享
  • weixin_39497063 weixin_39497063 2017-12-05 06:34

    getZhi()js这个函数你的返回值呢?而且在后台是不能直接调用你这个函数的,后台是通过前台js用ajax提交数据,或者用表单提交数据这两种方法

    点赞 评论 复制链接分享
  • todayonline todayonline 2017-12-05 08:37

    用ajax提交,建一个处理页存数据。

    点赞 评论 复制链接分享
  • m0_47238385 m0_47238385 2020-04-21 10:09

    怎样找出照片识别地址了

    点赞 评论 复制链接分享

相关推荐