Jquery用Post方式提交

最新推荐文章于 2022-10-12 22:56:42 发布

夜雪CH

最新推荐文章于 2022-10-12 22:56:42 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JQuery 文章标签： jquery function cache url

本文链接：https://blog.youkuaiyun.com/changhong009/article/details/7029191

JQuery 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了两种使用jQuery发起POST请求的方法。第一种方法较为简洁，适用于简单的应用场景；第二种方法则更加全面，包括了请求前的状态提示、成功后的数据展示以及错误处理等环节，适合于需要更细致控制的应用场景。

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

方法1：
$(document).ready(function () {
   $.ajaxSetup({ cache: false });
   $("#btn1").click(function () {

   $.post("Handler1.ashx", { name: "test", address: "中国北京" },

   function (data) { alert("Data Loaded: " + data); });

   });
   });

方法2：比较全面
$(document).ready(function () {

   $("#btn1").click(function () {
   $.ajax({
   type: "POST",
   url: "Handler1.ashx",
   data: "name=test" + "&address=中国北京",
   beforeSend: function () {
   $("#Div1").html("正在查询....");
   },
   success: function (msg) {
   $("#myDiv").html("<h1>" + msg + "</h1>");
   },
   complete: function () {
   $("#Div2").html("查询已完成....");
   $("#Div1").html("");
   },
   error: function () {
   $("#Div3").html("处理有误");
   }
   });
   });
   });