jQuery Ajax 使用 ($.ajax、$.post、$.get)-阿里云开发者社区

开发者社区> 分享达人> 正文

jQuery Ajax 使用 ($.ajax、$.post、$.get)

简介: 项目中只要涉及到前后台的交互,数据状态之间的交互,ajax是必不可少的。一般项目中jquery方式的ajax用的还是比较多的。封装的比较好,用起来也顺手,兼容浏览器之间的差异。
+关注继续查看

项目中只要涉及到前后台的交互,数据状态之间的交互,ajax是必不可少的。一般项目中jquery方式的ajax用的还是比较多的。封装的比较好,用起来也顺手,兼容浏览器之间的差异。

操作的方式有三种:

1.$.post(post方式)

2.$.get(get方式)

3.jQuery.ajax()(上面两种都可以)

1.1.1. $.ajax请求的格式

$.ajax({
     type: 'POST',
     url: url ,
    data: data,
    success: function(data){},
    dataType: dataType
});


1.1.2. $.ajax的参数使用说明

 

url

必需。请求的具体的地址(使用的时候注意路径是否正确,post不需要参数 get可以在后面直接跟参数信息比如”/jd/vrm/edit?id=1”)

type

必需.请求的方式 get或者post

data

可选。如果是post请求方式需要传递进去。形式{ one: 1, two: 2 } k,v形式

success

可选。形式function(data){} data就是请求的url返回的具数值,可以根据自己的需求操作data.

dataType

可选。规定预期的服务器响应的数据类型。

默认执行智能判断(xmljsonscript 或 html)。

 

1.1.3. $.ajax需要注意的一些地方

1.ajax请求不能重定向到具体的页面。

2.data主要方式有三种,html手动拼接的,json格式数组,form表单经serialize()序列化的

3.请求的url注意跨域的问题。注意路径的问题。

4.get方式请求注意参数 过长问题,不能超过255个字符。超过了就传递不过去了,后台也无法接受到。

5.不支持图片上传这种方式

1.1.4. $.ajax应用例子

 $.ajax({  
         type:'post',      
         url:'/zin.jd/vrm/edit?id=1',  
         data:formParam,  
         cache:false,  
         dataType:'json',  
         success:function(data){  
         }  
     });  


 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
AJAX 使用
1. AJAX 1). 简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
757 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10089 0
将jQuery Pagination分页插件用于不使用AJAX加载数据的页面
将jQuery Pagination分页插件用于不使用AJAX加载数据的页面,项目使用SpringMVC,使用Freemarker绑定数据,但分页显示样式不想自己处理,所以使用jQuery Pagination分页插件。
736 0
ssh整合问题总结--使用struts2+Ajax+jquery验证用户名是否已被注册
  在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了.
769 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13892 0
使用WCF实现SOA面向服务编程——使用AJAX+WCF服务“.NET技术”页面开发
  在上一篇讲到,如果将BLL层的每一个类都转化为*.svc,这是一个不实在的想法。它会使服务变化复杂,难于管理。   这时候,我们第一时间想到的是23个简单开发模式中的Factory,在这里,Factory正好派上用场。
869 0
+关注
分享达人
开源爱好者,喜欢钻研新技术。Activiti权威指南一书作者。
131
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载