我在获取表单以将记录插入数据库时遇到问题。我就是想不出我哪里错了。

我的表格如下

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="script.js"></script>

<form id="form" name="form">
    <div>
        <label>Name :</label>
        <input id="name" type="text">
        <label>Email :</label>
        <input id="submit" onclick="myFunction()" type="button" value="Submit">
    </div>
</form>

脚本script.js

function myFunction() {
    var name = document.getElementById("name").value;
    var dataString = 'name1=' + name;
    if (name == '') {
        alert("Please Fill All Fields");
    } else {
        $.ajax({
            type: "POST",
            url: "ajaxjs.php",
            data: dataString,
            cache: false,
            success: function(html) {
                alert(html);
            }
        });
    }
    return false;
}

和一个php脚本ajaxjs.php

<?php
include ('./includes/connection.php');
$name1 = $_POST['name1'];
if (isset($_POST['name1'])) {
    $query = mysql_query("INSERT INTO db VALUES('TEST','name1')");
}
?>

开发人员工具显示消息: script.js:5未捕获ReferenceError: dataString不是definedmyFunction @ script.js:5onclick @ test.html:9

转载请注明出处:http://www.syyashida.com/article/20230330/1263672.html

随机推荐

1. 使用ajax提交表单并将位置重新加载到当前选项卡

   我有一个带有几个不同选项卡的网页，其中一些带有表单。在成功提交任何表单时，我都会重新加载页面，但它会一直转到默认的第一个选项卡。我正在尝试设置一个存储变量来帮助切换是第一次加载页面(打开默认选项卡)还是通过表单提交重新加载(将该选项卡的id...

2. 当使用ajax提交一个表单时，选项卡索引在第二个表单上不起作用

   您好，在我的页面上，有两个表格在li标签中。当使用ajax提交第一个表单时，第二个表单的li标记显示(表示第二个表单可见)，但在第二个表单选项卡索引上不起作用

3. 如何使用ajax 提交easyUI form表单

   　　HTML代码： form id="Login" method="post" ... /form 　　JS代码如下： $(function(){ $("#log").click(function(){ $("#...

4. 如何在使用metro ui验证后使用jquery ajax提交表单

   我正在学习网页编程，我正在使用Metro 4UI。我尝试在通过Metro4验证后使用jquery ajax提交表单数据。通常，我的表单是在验证之后提交的，但是当我尝试使用jquery ajax提交上述表单时，表单提交的数据带有数据验证错误。...

5. django2 -每个帖子一个like按钮。使用Ajax提交like按钮表单，但我有许多具有相同ID的表单

   在我的模板中，我循环通过帖子，对于每个帖子，每个帖子都有一个like按钮，这是有效的。我希望用户能够喜欢这篇文章，但我被困住了，不确定应该搜索什么才能帮助解决这个问题。我有一个ajax函数，我希望能够捕获提交的表单，以便可以从该表单捕获帖子...

6. 即使使用ajax提交表单，也无法阻止刷新

   我正在编写一个portlet函数，以便将excel文件上传到后端进行处理。我希望页面不会刷新，并允许我在成功上传后更改页面。我尝试使用ajax上传文件，但不起作用。html部件portlet:actionURL var=uploadWork...

7. 使用ajax方法提交前表单验证不起作用

   我用ajax创建了提交表单，但是在提交之前我不能验证表单。iam使用带有jquery验证的codeigniter 3我的代码工作，但我需要设置形式，如最小长度，电子邮件格式等这是我之前的代码(输入class=为“required”) ...

8. 使用ajax提交按钮在表单中进行Drupal 8批处理

   如何在ajax提交按钮触发的Drupal表单中运行Drupal8批处理？谢谢

9. 使用ajax异步提交表单的几种方法总结

   这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入，封装为大的“k1=v1k2=v2…”键值对形式，使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', ...

10. 如何在Laravel6中使用Ajax提交表单？

    我正在尝试使用ajax提交表单，但我被归档了，当我单击提交按钮时，它不是用ajax提交的，而是使用form method.Please提交的，让我知道我错在哪里了。下面是我的Ajax表单数据： script $(#query_form)...

大规模企业