dream890110
2016-07-27 08:42
浏览 61
已采纳

使用ajax请求存储表单数据

I'm trying to store my form data using ajax but it gives me error. I'm submitting form data in js file which calls another php file to perform insert operation. here is my code:

  <button id="submit" class="btn btn-primary" type="submit" onclick="myFunction()" >Create an Account</button>

clicking on that button it calls the js file serve.js

 function myFunction(){


           var name = document.getElementById("firstName").value;
            var lname = document.getElementById("lastName").value;
            var mail = document.getElementById("email").value;
            var password =document.getElementById("password").value;

            var confpass= document.getElementById("passwordConfirmation").value;

                   // var dataString = 'name1=' + name + '&email1=' + email + '&password1=' + password + '&contact1=' + contact;
            if(password != confpass)
            {
                alert ('password doesnot match!');
            }

            // var form_data = $('#edit_user').serialize();
         var datastring= 'name1=' + name + 'name2=' + lname +'email='+mail+ 'pass='+password;

           $.ajax({
        url: "learnapi.php",
        type: "get",
        dataType: "json",
        data: {type: "signup", datastring:datastring },
        //type: should be same in server code, otherwise code will not run
        ContentType: "application/json",
        success: function (response) {
            alert(JSON.stringify(response));
        },
        error: function (err) {
            alert(JSON.stringify(err));
        }
    });
};

Through ajax request it perform insert operation learnapi.php

<?php
 header('Access-Control-Allow-Origin: *');
mysql_connect("localhost","root","");
mysql_select_db("learnapp");
if(isset($_GET['type']))
{
   $res = [];


  if($_GET['type'] =="signup"){
    $name  = $_GET ['name1'];
    $lname = $_GET['name2'];

    $passW = $_GET['pass'];
  //  $passW1 = $_GET['Pass1'];
    $mail  = $_GET ['email'];



    $query1  = "insert into signup(firstname,lastname,password,email) values('$name','$lname','$passW','$mail')";
    $result1 = mysql_query($query1);

    if($result1)
    {
        $res["flag"] = true;
        $rest["message"] = "Data Inserted Successfully";
    }
    else
    {
        $res["flag"] = false;
        $rest["message"] = "Oppes Errors";
    }
    } 


else{
$res["flag"] = false;
$rest["message"] = "Invalid format";
    }

 echo json_encode($rest);
}  
?>

It gives me error as: error message

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • dougua3706 2016-07-27 08:50
    已采纳

    Remove the onclick attribute and use a event listener

    $('#submit').on('click',myFunction(event));
    

    Change data to

     data: JSON.stringify({type: "signup",name1:name ,name2:lname,email:mail,pass:password});
    

    prevent the submit add this to you function

    event.preventDefault();
    

    add this to you php page

    header('Content-Type: application/json');
    

    change the syntax try using mysqli or pdo, the current syntax isn't used any more

    评论
    解决 无用
    打赏 举报
  • 查看更多回答(2条)

相关推荐 更多相似问题