Форма Представление Использование Ajax не работает

Question

У меня проблема с получением формы для вставки записей в базу данных. Я просто не могу понять, где я ошибаюсь ...

Моя форма пыльник

<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 Uncaught ReferenceError: dataString является не definedmyFunction @ СБН ript.js: 5onclick @ test.html: 9

Answer 1

Ваш Ajax код работает хорошо Но ваш командный запрос выглядеть неправильно Пожалуйста, попробуйте

INSERT INTO table_name (column1,column2,column3,...) 
VALUES (value1,value2,value3,...); 

Обновление: Исходный код работает хорошо

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    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; 
    } 
</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> 

И ajaxjs.php

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