Ajax请求小结

最新推荐文章于 2024-09-27 09:39:47 发布
最新推荐文章于 2024-09-27 09:39:47 发布
阅读量581 收藏 1
点赞数
分类专栏： ajax 文章标签： ajax function button input url json

一、简单的Ajax请求

Js代码 复制代码  收藏代码
  1. <STRONG><script>   
  2. $(function() {   
  3.     $("input[type='button']").bind("click", function() {   
  4.         /**Ajax的请求*/  
  5.         $.ajax( {   
  6.             //请求的路径   
  7.             url : "json.html",   
  8.             //是否异步   
  9.             async : true,   
  10.             //请求的方法   
  11.             type : "get",   
  12.             //请求成功时调用   
  13.             success : function(msg) {   
  14.                 alert(msg);   
  15.             },   
  16.             //请求失败时调用    
  17.             error : function(msg) {   
  18.                 alert(msg);   
  19.             }   
  20.         });   
  21.     });   
  22. });   
  23. </script>   
  24. </STRONG>  

<!—body部分-->

Java代码 复制代码  收藏代码
  1. <body>   
  2.     <input type="button" value="Ajax请求" />   
  3. </body>  

二、Ajax请求jsp（传参数）

1、get请求

 

 

Js代码 复制代码  收藏代码
  1. <STRONG><script type="text/javascript">   
  2.     $(function(){   
  3.         $("input[type='button']").bind("click",function(){   
  4.             /**Ajax的请求*/  
  5.             $.ajax({   
  6.                 //请求的路径及所传的参数   
  7.                 url:"user.jsp?name=kouxiaolin",   
  8.                 //是否异步   
  9.                 async:true,   
  10.                 //请求的方法   
  11.                 type:"get",   
  12.                 //请求成功时调用   
  13.                 success:function(msg){   
  14.                 alert(msg);   
  15.                 },   
  16.                 //请求失败时调用   
  17.                 error:function(msg){   
  18.                 alert(msg);   
  19.                 }   
  20.             });   
  21.         });   
  22.     });   
  23. </script>   
  24. </STRONG>  

<!—user.jsp-->

 

Java代码 复制代码  收藏代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>   
  2. <%   
  3.    String name = request.getParameter("name");   
  4.    if("kouxiaolin".equals(name)){   
  5.      out.print("用户名正确");   
  6.    }else{   
  7.      out.println("用户名错误");   
  8.    }   
  9. %>  

2、post请求

 

Js代码 复制代码  收藏代码
  1. <STRONG><script>   
  2. $(function() {    
  3.     //参数也可以在前面定义好，然后再后面调用   
  4.     // var obj={name:"kouxiaolin",pass:"123"};  $("input[type='button']").bind("click", function() {   
  5.         /**Ajax的请求*/  
  6.         $.ajax( {   
  7.             //请求的路径   
  8.             url : "user.jsp",   
  9.             //是否异步     
  10.             async : true,   
  11.             //请求方式   
  12.             type : "post",   
  13.             //所传参数多个参数用&连接：data:"name=kouxiaolin&pass=123"   
  14.             data:"name=kouxiaolin",   
  15.             //data：obj,   
  16.             //请求成功时调用   
  17.             success : function(msg) {   
  18.                 alert(msg);   
  19.             },   
  20.             //请求失败时调用   
  21.             error : function(msg) {   
  22.                 alert(msg);   
  23.             }   
  24.         });   
  25.     });   
  26. });   
  27. </script>   
  28. </STRONG>  

三、Ajax请求解析json

Js代码 复制代码  收藏代码
  1. <STRONG><script>   
  2. $(function() {   
  3.     $("input[type='button']").bind("click", function() {   
  4.         /**Ajax的请求*/  
  5.         $.ajax( {   
  6.             //请求路径   
  7.             url : "user.html",   
  8.             //是否异步   
  9.             async : true,   
  10.             //请求的方法   
  11.             type : "get",   
  12.             //请求成功是调用   
  13.             success : function(msg) {   
  14.                 alert(msg.name);//返回kouxiaolin   
  15.             },   
  16.             //请求失败时调用   
  17.             error : function(msg) {   
  18.                 alert(msg);   
  19.             },   
  20.             //请求解析返回的类型是json类型   
  21.             dataType:"json"  
  22.         });   
  23.     });   
  24. });   
  25. </script>   
  26. </STRONG>  

zhengbo0
关注
专栏目录
ajax异步请求小结
08-31
**Ajax异步请求小结** Ajax（Asynchronous JavaScript and XML）是一种用于创建快速、动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验，...
Jquery Ajax请求方法小结(值得收藏)
12-07
总结一下，jQuery的`load()`、`$.get()`和`$.post()`都是对`$.ajax()`的封装，提供了一种简便的方式来发送和处理Ajax请求。它们各有特点，适应不同的应用场景，而`$.ajax()`则提供了最大的灵活性，适用于更复杂的...
.NET中iis配置完后报错及解决方案
仰望者！
05-31 2981
     问题如下:    我的电脑通过域登录,系统为server 2003的,已安装好IIS和.net框架.iis中html和asp文件均可运行.但我用aspx文件测试却不行,错误如下:编译器错误信息: CS0016: 未能写入输出文件“c:/WINDOWS/Microsoft.NET/Framework/v1.1.4322/Temporary ASP.NET Files/root/2135a5
AJAX请求小结
iteye_3712的博客
04-07 102
引自：http://www.iteye.com/topic/981054
AJAX：异步请求小结
weixin_61752937的博客
06-24 234
ajax笔记
ajax学习小结
Krito7idm的博客
06-11 684
HTTP状态码200-299表示服务器成功处理了客户端的请求。这些状态码是服务器响应的一部分，包含在HTTP响应头中。在编码过程的if条件判断中还涉及了一点点正则表达式的知识，正则表达式是一串关于文本和字符串匹配以及数据验证的规则式子。还有http状态码，目前已知的http状态码知识为。属性表示请求的当前状态。
spring处理ajax请求,springmvc处理ajax请求
weixin_35793573的博客
08-05 727
1.controller将数据封装成json格式返回页面@RequestMapping("/dataList")public void datalist(CsoftCunstomerPage page,HttpServletResponse response) throws Exception{List dataList = csoftCunstomerService.queryByList(p...
AJAX小结一
benlalagang的博客
08-02 183
AJAX小结、基础 get、post、ajax、聊天机器人的案例
Ajax学习小结
Alive_tree的博客
01-14 279
ajax是Asynchronous JavaScript xml 的缩写。 Ajax是无需刷新页面就能从服务器获取数据的一种方法，（也就是不点击顶部的刷新按钮而进行局部页面的重绘） 负责Ajax运作的核心对象是XMLHttpRequest对象 XHR对象是由微软最早在IE5中引入，用于通过javascript从服务器获取XML数据 同源策略是对xml的一个主要约束，它为通信设置了“相同的域...
jquery ajax请求缓存,jquery ajax缓存问题解决方法小结
weixin_32150027的博客
08-05 437
今天在做一个ajax数据提交功能开始利用get方式一直发现提交的数据都是一样，返回的数据也很久不刷新了，这个我知道是ajax缓存问题，后来在网上整理了一些ajax缓存问题解决方法，下面给大家分享一下。解决方法：1、给请求链接加随机数，如果用的是jQuery，直接设置: $.ajaxSetup({cache: false});2、把type改成post，并随便设置设置一个参数data: 'a=b'(...
AJAX学习小结
imperiality的博客
07-09 163
AJAX 什么是ajax asynchronous javascript and xml（异步的js和xml）-->异步的js与json(当下主流) 是一种改善用户体验度的技术，实质上是利用浏览器内置的ajax对象(数据类型是XMLHttpRequest)向服务器发送异步(ajax向服务器发送请求时，不会打断用户当前的操作)的请求，服务器将处理之后的结果返回给ajax，通过脚本获取服务器返回的数据更新页面，整个过程当中，页面不会被销毁。 ​ 优点: 1.页面不会刷新，用户体验度较好(表单验证)
Jquery操作Ajax方法小结
11-22
**jQuery 操作 AJAX 方法小结** 在 Web 开发中，jQuery 的 AJAX 功能极大地简化了与服务器进行异步数据交互的过程。AJAX (Asynchronous JavaScript and XML) 是一种技术，它允许网页在不重新加载整个页面的情况下从...
ajax小结
07-29
**Ajax小结** Ajax，全称Asynchronous JavaScript and XML（异步JavaScript和XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，...
Spark 中所有用到了Job对象的组件模块和关系
最新发布
goTsHgo的博客
09-27 564
负责整个Job的生命周期管理，包括阶段划分、任务调度、任务失败重试等。StageJob被分解为多个Stage，每个Stage对应于一组可并行执行的Task。Task和TaskSetStage被分解为多个Task，并通过TaskSet提交执行。和负责将任务调度到集群中具体的节点，负责与集群管理器交互，启动执行器并分配任务。ActiveJob：代表正在运行的Job，并与一起跟踪其状态。：负责Shuffle操作中，数据的输出位置跟踪与管理。Job。
前台项目启动/打包报错 Error: error:0308010C:digital envelope routines::unsupported
BigBigHang的博客
09-26 232
前台项目启动/打包报错 Error: error:0308010C:digital envelope routines::unsupported
深入探索与实战：高效利用苏宁商品详情API实现精准数据抓取与解析技术
API19970108110的博客
09-23 427
在电商平台的开发中，获取商品详情是构建用户购物体验的重要一环。苏宁作为国内领先的电商平台，提供了丰富的商品信息和API接口供开发者使用。本文将介绍如何通过苏宁的商品详情接口获取特定商品的详细信息，并给出Python代码示例。
Latex和Vscode安装和配置
bulletstart的博客
09-25 882
介绍latex和vscode的安装和配置
Spring Data Rest 远程命令执⾏命令(CVE-2017-8046) 靶场攻略
shw_yzh的博客
09-23 302
靶场环境靶场环境。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值