>> MORE站长心得
>> MOREasp程序技术
>> MOREphp程序技术

js不刷新post数据,并返回结果

----时间:2013-11-1 10:30:15----

js不刷新post数据,并返回结果,其实这个并不是什么高深的东西,jquery可以非常方便的实现

一、js引入jquery.js,具体方法是把jquery.js放在网页同级目录下,并在<head>和</head>之间添加以下代码

<script type="text/javascript" src="jquery.js"></script>

如下图:

二、在查询前台页面<body>后面,放入一个表单(form),代码如下

  <form action="">
  请输入您的数据:<input type="text" name="uname" id="uname">
  <input type="button" value="查询" name="submit" id="submit"  />
  </form>

截图如下:

三、在前台页面放一个div用来显示查询返回的数据,即把提交到后台处理页面显示的内容

具体代码如下,注意其id display将在jq代码中需要用到。

<div id="display">
   温馨提示:这里将显示查询页面返回的数据哦。
</div>

四、定义查询按钮点击post数据到asp文件处理的js代码

<script type="text/javascript">
   $("#submit").click(function(){
    var uname= $("#uname").val();
    $.ajax({
     type: "POST",
     url: "sch.asp",
     data: "uname="+uname,
     success: function(msg){
      $("#display").html(msg);
     }
    });
   });
  </script>

这样就可以啦,页面不用刷新,就可以post数据到asp页面进行处理,并获取返回值,您还在等什么,快来测试一下吧。

测试网址:http://test.0576w.com/jsquery/

下载网址:http://download.0576w.com/jsquery.rar

© 2005-2013 0576w版权所有 浙ICP备05040753号-1 浙公网安备 33108102000220号 站长心得 | HTML基础 | Css交流 | 程序备忘录 | Js脚本 | asp程序 | php程序 | 服务器教程 | 回到顶部