您的位置：首页 > Web前端 > JQuery

jquery ajax例子

2014-03-10 15:19 344 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

   <title></title>

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

   <script type="text/javascript">

   $(document).ready(

   );

   function setvalue() {

   $.ajax({

   type: "get", //(默认: "GET") 请求方式 ("POST" 或 "GET")，默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

   url: "Handler.ashx",

   timeout: 3000, //设置请求超时时间（毫秒）。此设置将覆盖全局设置。

   dataType: 'json', //

   beforeSend: function (XMLHttpRequest) {

   // 发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头

   },

   success: function (data, textStatus) {

   // 请求成功后回调函数。这个方法有两个参数：服务器返回数据，返回状态

   // document.getElementById("Text1").value = "eww"; //data[0].selValue;

   $("#Text1").val("we");

   // $("div").find("#Text1").html('we');

   },

   complete: function (XMLHttpRequest, textStatus) {

   //请求完成后回调函数 (请求成功或失败时均调用)。

   },

   error: function () {

   //请求出错处理

   //(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。

   }

   });

   }

   </script>

</head>

<body>

<div>

   <input type="button" onclick="setvalue()" value="jquery" />

   <input id="Text1" type="text" />

   <p></p>

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ajax jquery

相关文章推荐

新的分享

章节导航