表单提交使用ajax,如何提交表单使用ajax和jquery

在谷歌地图infowindow下面是我的代码在infowindow内提交表单，但是当我点击提交按钮时，页面重新加载并且什么也没有发生。如果我删除使用php post方法提交表单的ajax部分的脚本，它工作正常。我的想法是使用ajax来完成，我不希望我的标记在提交表单时失效。我想在那里。下面 是我的代码如何提交表单使用ajax和jquery

$(document).ready(function()

{

$("#mylocation_form").submit(function(e)

{

e.preventDefault();

$("#make_me_live").html("submitting...");

var mylocation=$("#mylocation").val();

if(mylocation=="")

{

$("#make_me_live").show().html("Cannot be empty");

}

else

{

$.ajax({

type:"post",

url:"mylocation.php",

data:"mylocation="+mylocation,

success:function(data){

if(data==0)

{

$("#make_me_live").html("Update not Successfull :(");

}

else

{

$("#make_me_live").html("Update successfull :)");

}

}

});

}

});

});

这里是我的infowindo

var contentstring = '

' + ' ' + '

'

+ '

' + '

' + fname + ' ' + lname + '

' + '

'

+ '

'

+ ''

//+ '
' + 'upload a photo' + ''

+ '
' + ''

+ '

'

+ '

' + '

';

var infowindow = new google.maps.InfoWindow({

content: contentstring

});

and this is my php code

session_start();

$usname=$_SESSION['username'];

mysql_connect("localhost","root","********");

mysql_select_db("anurag");

$mylocation=$_POST["mylocation"];

$result1 = mysql_query("SELECT uid FROM members WHERE username='$usname' ");

$row1=mysql_fetch_array($result1);

$asd=$row1['uid'];

$image_name = "temp_map";

$sql = "INSERT INTO notifications VALUES('$asd','$mylocation',NOW(),'$image_name')";

if(!mysql_query($sql))

{

die('Error :'.mysql_error());

}

else

{

$find=mysql_num_rows($sql);

echo $find;

}

?>

请帮帮我，它不工作很好，我不知道什么是触变Ajax和jQuery代码

+1

我拍谁编辑这个问题的正确格式化代码的一个; ) –

+0

非常感谢任何人做过。 :)我真的sry我dnt知道如何写在一个正确的格式 –

+0

页面重新加载，因为你的JavaScript代码中有一些错误。要查看该错误，请按F12打开控制台并查看错误内部。此错误可能会立即出现，并在重新加载后消失。 –