Ajax--请求方式
来源:互联网 发布:js判断手机横屏竖屏 编辑:程序博客网 时间:2024/06/06 17:12
1 方式一:
jQuery
$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.post() 连同请求一起发送数据:
前台页面:
<script type="text/javascript" src="js/jquery-3.0.0.js"></script> <script type="text/javascript"> $(function(){ $("#txtName").blur(function(){ $.post("ajax.do",{'name':$("#txtName").val()},function(data){ alert(data); }); }); }); </script> </head> <body> 用户名:<input type="text" id="txtName"/> </body>
请求的键值对也可是如下的写法:
$("button").click(function(){ $.post("demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); });});
后台代码:
@Controllerpublic class AjaxController { @RequestMapping("/ajax") public void ajax(String name,HttpServletResponse resp) throws IOException{ if("siggy".equals(name)){ resp.getWriter().println("true"); } else{ resp.getWriter().print("false"); } }}
2 方式二:
Jquery.get方式:
jQuery $.get() 方法
方法通过 HTTP GET 请求从服务器上请求数据。
语法:
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 get() 方法从服务器上的一个文件中取回数据:
实例
$("button").click(function(){ $.get("demo_test.asp",function(data,status){ alert("Data: " + data + "\nStatus: " + status); });});
后台代码略。
3 load()方法
参数与上相同:
可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功,则显示“外部内容加载成功!”,而如果失败,则显示错误消息:
实例:
$("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") alert("外部内容加载成功!"); if(statusTxt=="error") alert("Error: "+xhr.status+": "+xhr.statusText); });});
部分参考:http://www.w3school.com.cn/jquery/jquery_ajax_get_post.asp
阅读全文
0 0
- ajax Http请求方式
- Ajax请求方式区别
- ajax get方式请求
- AJAX请求方式详解
- ajax请求基本方式
- Ajax--请求方式
- echarts ajax请求方式
- Ajax常用请求方式
- AJAX中的get请求方式
- AJAX中的POST请求方式
- Post方式发送Ajax请求
- ajax之post请求方式
- ajax发送请求的方式
- ajax异步请求post方式
- 整理ajax各种请求方式
- AJAX 常用请求方式总结
- ajax 中 请求 post方式请求url
- Jquery Ajax请求WebApi(Post请求方式)
- jQuery-Ajax提交数据中文乱码问题的解决方案
- jQuery_Ajax+Json
- SpringMVC--DispatcherServlet
- Redis 设计与实现
- 休息旅途
- Ajax--请求方式
- 2015 第六届 蓝桥杯省赛 生命之树
- Git入门使用
- 2017 蓝桥杯模拟 风险度量
- 设置JTable每行的颜色
- 第一个Kotlin程序
- SpringMVC--JSON数据
- 2016 第七届 蓝桥杯 国赛 路径之谜
- 2016 第七届 蓝桥杯 国赛 碱基