`
lj6684
  • 浏览: 967006 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

jQuery 处理 Ajax 请求备忘

    博客分类:
  • Web
 
阅读更多
jQuery自带的Ajax函数使用过程注意事项

1. 以GET方式发送Ajax请求
 $.get(url, // 请求地址
 requestData, // 请求数据
 function(responseData){
   // 响应数据处理函数
 });
  
       请求参数以JSON形式封装
    requestData = {username:$(#username).val()}


2. 同理支持以POST方式发送Ajax请求
$.post(url, reqData, function(repData){...});


3. 如何使用JavaScript处理服务端返回的JSON数据
   假如服务端返回的数据为
{"name":"tom", "age":20, "tel":13877665544} 

   这其实是一个javascript对象数据
   客户端接到此数据后首先还原javascript对象,然后就可以取对象属性
	var user = eval("(" + data + ")"); //还原对象
	user.name  // 取对象属性
	user.age
	user.tel

   这样就可以直接访问javascript对象的属性
    如果对象为数组,使用 user[0] 数组下标方式访问

4. jQuery提供 serialize() 方法来把整个表单请求参数全部序列化
   <form id="queryForm">...</form>
	$.get(url,
		$("#queryForm").serialize(), // 表单序列化
		function(data) {
		   // ...
		});
分享到:
评论

相关推荐

    treegrid_barku4k_treegrid_jqueryajax_

    在本案例中,“treegrid_barku4k_treegrid_jqueryajax_”是一个基于jQuery的TreeGrid实现,主要用于个人备忘,并可供需要此功能的开发者下载使用。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、...

    jquery+bootstrap 实现简单备忘录

    例如,我们可以使用jQuery的`$(document).ready()`函数确保页面加载完成后执行初始化操作,使用`$.ajax()`方法发送异步请求,更新服务器上的备忘录数据。 Bootstrap是Twitter开发的开源前端框架,它提供了响应式...

    基于jQuery实现的带备忘录功能的日期选择器特效源码.zip

    2. **Ajax**:如果备忘录需要实时同步到服务器,开发者可能使用Ajax异步请求,通过$.ajax()或者$.getJSON()等方法与后台交互,实现数据的增删改查。 3. **CSS3动画**:为了提升用户体验,日期选择器的弹出、隐藏及...

    备忘:jquery的一些实例

    5. **AJAX交互**:jQuery的`$.ajax()`函数简化了异步数据请求,使得开发者可以轻松地进行JSON、XML等格式的数据交换。 6. **jQuery UI Dialog**:`$.ui.dialog`是jQuery UI库的一部分,用于创建可自定义的对话框。...

    .NET的Calendar控件+AJAX打造简单版日历备忘录

    在服务器端,我们需要处理这个AJAX请求,通常通过一个WebMethod或PageMethod。这里,我们可以编写一个方法接收日期参数,然后打开数据库或者某种持久化存储,检查该日期是否存在备忘录。如果存在,就将备忘录内容...

    自定义日历备忘录控件

    这涉及表单验证、AJAX请求以及与服务器的数据同步。 5. **样式和用户体验**:使用CSS来美化日历控件,使其符合用户界面设计标准,同时保证良好的响应式布局,适应不同设备的屏幕大小。 6. **性能优化**:考虑到...

    jQuery+json+struts2 开发备忘录(一)

    然后,前端利用jQuery的`$.ajax`或`$.getJSON`方法请求服务器数据,将接收到的JSON对象解析并更新到DOM中,实现动态更新页面内容。 例如,一个简单的Struts2 Action可能如下所示: ```java public class MyAction ...

    asp在线备忘录系统

    这个"ASP在线备忘录系统"结合了ASP的服务器端处理能力、AJAX的前端动态交互和jQuery的便捷性,提供了一个实用的在线备忘录服务。通过合理的数据库设计和权限控制,实现了用户个人备忘录的创建、查看、编辑和删除功能...

    jquery带节假日农历日历插件特效

    为了实现这些功能,开发者可能需要熟悉jQuery库的API,理解如何操作DOM元素,触发和处理事件,以及如何进行Ajax请求以获取或更新数据。同时,需要了解JavaScript的日期对象和时间格式化,以及可能涉及的农历转换算法...

    运用jsp实现万年历包含简易万年历、带阴历的万年历和带有备忘录的万年历

    这些库可以在客户端提供日期选择,并通过Ajax将选择的日期发送到服务器进行处理。 总的来说,实现一个包含简易万年历、带阴历的万年历和备忘录功能的JSP应用,需要掌握Java日期处理、JSP和Servlet的使用、...

    Ajax 网址备忘

    5. **错误处理**:在使用Ajax时,需要考虑错误处理,例如网络中断、服务器错误或无效响应。通过监听`onerror`或`onreadystatechange`事件,可以捕获和处理这些异常情况。 6. **浏览器兼容性**:不同的浏览器可能对...

    改善你的jQuery的25个步骤

    24. **使用$.ajaxComplete()**:在所有Ajax请求完成后执行清理或更新操作。 25. **性能测试和分析**:使用Chrome DevTools、Firefox Profiler等工具定期进行性能测试和分析,找出并修复瓶颈。 以上就是改善jQuery...

    改善你的jQuery的25个步骤 千倍级效率提升

    jQuery是一个快速且简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互,使得Web开发变得更加容易。其设计目的是让程序员能够以更少的代码完成更多的任务。然而,不当的使用方式可能会导致...

    大学 毕业设计 项目实训 个人备忘录系统(java SSH网站源代码)+JSP漂亮的界面控件.zip

    - 熟练使用HTML、CSS和JavaScript进行前端开发,了解AJAX异步请求。 - 了解软件工程中的需求分析、设计、编码、测试和文档编写过程。 这个项目不仅锻炼了开发者的技术能力,还提升了项目管理和团队协作的能力,对于...

    基于jquery的划词搜索实现(备忘)

    关键在于页面中引用了jQuery库(`”text/javascript” src=”JS/JQuery/jquery-1.4.2.min.js”&gt;`),这是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互等任务。然后,定义了一组JavaScript...

    ASP+NET 超级备忘录

    5. **JQuery**:JQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和Ajax交互。熟悉JQuery能提升前端交互体验,使网页更加动态和响应迅速。 6. **测试**:在软件开发中,单元测试、集成测试和验收测试...

    前端备忘标签

    JavaScript可以操作DOM(文档对象模型),改变HTML元素,发送AJAX请求,实现异步通信,以及创建复杂的Web应用。此外,还有许多JavaScript库和框架,如jQuery、React、Vue、Angular等,简化了开发工作。 4. 响应式...

    日历日期备忘录组件响应式网页模板

    5. **备忘录功能**:备忘录功能可能涉及本地存储或服务器端数据交互,利用AJAX异步请求实现添加、删除和查看备忘录的功能。 6. **图标与字体**:模板可能使用了图标字体库,如Font Awesome或Ionicons,这些字体库...

Global site tag (gtag.js) - Google Analytics