熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

使用jquery實現簡單的ajax

2013-11-15 12:08:35  來源: JSP教程 
本篇文章是對用jquery實現簡單的ajax的實現方法進行了詳細的分析介紹需要的朋友參考下  

  >html頁

復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
  <html xmlns="
  <head>
      <title>用戶名校驗實例</title>
      <script src="/js/jqueryjs" type="text/javascript"></script>
      <script src="/js/verifyjs" type="text/javascript"></script>
  </head>
  <body onload="verify()">
  用戶名校驗的jax實例
  <!ajax方式下不需要使用表單進行數據提交因此不用寫表單>
  <input type="text" value="" id="userName" /> 
  <input type="button" value="提交" onclick=""/>
  <!預留空間顯示結果>
  <div id="result"></div>
  <!div is blockbut span is inline>
  </body>
  </html>

  
—>js頁

復制代碼 代碼如下:
function verify() {
      $("#userName")keyup(function () {
          var user = $(this)val();
          var userobj = $(this);
          $post("/indexaspx" { userobj: user } callback);
      });

  }
  function callback(data) {
      $("#result")text(data);
  }

  
—>aspx頁

復制代碼 代碼如下:

  
<%
  ResponseClear();
  string str_name = Request["userobj"];
  if (str_name == "xtyang")
  {

      ResponseWrite("ok");
  }
  else
  {
      ResponseWrite("no");
  }
  ResponseEnd();     
  %>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20385.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.