$.ajax的用法

<!DOCTYPE html>

<html>

<head>

<title>我是标题</title>

</head>

<body>

<form action=‘./ajax1.php‘ method="post" id="form">

<p><input type="test" name="username" id="username"/></p><span id="reg"></span>

<p><input type="test" name="password" id="password"/></p>

<p><input type="submit" value="提交"/></p>

</form>

</body>

<script src="./js/jquery-1.7.2.min.js"></script>

<script>

$(‘#form‘).submit(function(ev){

var username = $("#username").val();//取框中的用户名

var password = $("#password").val();//取框中的密码

//alert(username);

$.ajax({

type:"post",//以post方式与后台沟通

url : "ajax1.php", //与此php页面沟通

dataType:‘text‘,//从php返回的值以 JSON方式 解释

data: ‘username=‘+username+‘&password=‘+password,

success: function(data){

alert(data);

$(‘#reg‘).html(data);

}

});

return false;

});

时间： 2024-11-06 12:49:29