web.html(用户端):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>11</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript" src="ajaxindex.js"></script> </head> <body> <input type="text" id="namevalue"> <br> <button type="" id="btn">Send</button> 结果:<span id="result"></span> </body> </html>
ajaxindex.js
$(document).ready(function(){ $("#btn").on("click",function(){ $("#result").text("请求数据中,请稍后...."); $.post(‘/test/server.php‘,{name:$("#namevalue").val()},function(data){ alert("hello");//sleep(5); $("#result").text(data); }).error(function(){ //get $("#result").text("通讯有问题"); } );//error .请求的服务器地址不对 });//on });//ready
服务器端(server.php):
<?php if(isset($_POST[‘name‘])){ echo ‘hello‘.‘!~~~~~~~~~~~~~~‘.$_POST[‘name‘]; }else{ echo ‘Args Error‘; } ?>
时间: 2024-10-12 12:50:54