ajax实现简单的前后台交互的手机验证码

html代码

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src="jquery.min.js">script>
head>
<body>
手机号:<input id="mobile"  type="text" name="mobile" value="">
<input id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()" /><br>
验证码:<input id="code"  type="text" name="mobile" value="">
body>
html>

js代码

后台文件(f.php)

php
sleep(5);
echo json_encode(array('code'=>mt_rand(1000,9999)));
?>

效果

ajax实现简单的前后台交互的手机验证码_第1张图片

 

 ajax实现简单的前后台交互的手机验证码_第2张图片

你可能感兴趣的:(ajax实现简单的前后台交互的手机验证码)