无法使用PHP获得AJAX发布

Question

I have only recently started to learn AJAX and PHP and have been experimenting with MySql. I have been trying to create a webpage which passes variables into a php page, enters them into the database and then returns an echo indicating whether it was successful or not. For some reason i cant get the AJAX or Javascript (not sure) to work. It's probably something obvious so any help would be great! This is the AJAX and Javascript code which is invoked by an onClick -

< script langauge = "Javascript"  type ="text/javascript">
    function Generate(){

   var maxint = document.getElementById("Max").value;
   var minint = document.getElementById("Min").value;

$.ajax({
    type: "POST",
    async: true,
    url: "Untitled-1.php",
    data:  { 'senduser': maxint, 'sendpass': minint },
    success: function (msg) 
            { alert(msg) },
    error: function (err)
    { alert(err.responseText)}
});
} </script>

and this is the php code...

<?php
       $user = $_POST['senduser'];
       $password = $_POST['sendpass'];
     $con=mysqli_connect("host","username", "password","dbname");

      if (mysqli_connect_errno())
 {
 echo "Failed to connect to MySQL: " . mysqli_connect_error();
   }
 else{
   mysqli_query($con,"INSERT into Customers (password,username) 
                                VALUES ('$password','$user')");
         echo "You have signed up!";
        mysqli_close($con);
      }
           ?>

Answer 1

The most obvious thing is that you have a gap between the < and the script. It must be '

There are other smaller points but here is a working version. Note that the address of your page may need to be root relitive.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<a href="javascript:void(0)" onclick="Generate()">Go Man Go</a>
<input type="text" value="12" id="Min" />
<input type="text" value="12" id="Max" />
<script type="text/javascript">

    function Generate() {

        var maxint = $("#Max").val();
        var minint = $("#Min").val();

        $.ajax({
            type: "POST",
            async: true,
            url: "Untitled-1.php",
            data: { senduser: maxint, sendpass: minint },
            success: function (msg)
            { alert(msg) },
            error: function (err)
            { alert(err.responseText) }
        });
    }

</script>