基于JQUERY的AJAX 简单示例入门知识

tao2581

于 2011-12-21 09:43:12 发布

阅读量789

点赞数

CC 4.0 BY-SA版权

分类专栏： Asp/.Net/PHP 点滴文章标签： jquery ajax function input javascript asp

本文链接：https://blog.youkuaiyun.com/tao2581/article/details/7090140

Asp/.Net/PHP 点滴专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用jQuery库实现AJAX的基本操作，包括客户端的HTML结构、JavaScript代码和服务器端的PHP处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于JQUERY的AJAX 简单示例入门知识很基础的..

客户端：

<html>
<head>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").keyup(function(){
    txt=$("input").val();
    $.post("ajax.php",{str1:txt},function(result){
      $("span").html(result);
    });
  });
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>请在下面的输入框中键入）：</p>
字符：<input type="text" />
<p>返回值：<span></span></p>
<p>注释：我们在 <a href="/ajax/ajax_asp_php.asp" target="_blank">AJAX 教程</a> 中讲解过本例中使用的文件（gethint.asp）。</p>
</body>
</html>

服务端

<?
$str1=$_REQUEST["str1"]; //传入参数
$str1="你输入了 (".$str1.")"; //对传入参数进行处理 如入库等操作
//输出返回值
echo $str1;
?>

基于JQUERY的AJAX 简单示例 入门知识

基于JQUERY的AJAX 简单示例入门知识