一.jquery的引入.
先下载文件:http://jquery.com/download/
然后加载jquery:
<!DOCTYPE html> <html> <head> <script src="jquery文件的地址"></script> </head> <body> </body> <html>
这样就加载了.
二.jquery.load(). 该方法从服务器加载数据,并把返回的数据放入被选元素中。
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js">//引入jquery. </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $('#test').load('/example/jquery/demo_test.txt'); }) }) </script> </head> <body> <h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3> <button id="btn1" type="button">获得外部的内容</button> </body> </html>
执行的地方http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax_load
实例中的demo_test.txt'文件:
<h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</p>
三.jquery的get/post请求.
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
GET - 从指定的资源请求数据.
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST - 向指定的资源提交要处理的数据
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
1. $.get(URL,callback);
URL:请求的地址.
callback:回调函数.(可选)
2.$.post(URL,data,callback);
URL:请求的地址.
data:规定连同请求发送的数据(也就是传参).(可选)
callback:回调函数.(可选).
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.post("/example/jquery/demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert("数据:" + data + "\n状态:" + status); }); }); }); </script> </head> <body> <button>向页面发送 HTTP POST 请求,并获得返回的结果</button> </body> </html>
执行地址:http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax_post.
我这里所讲的知识都可以在这个网站找到:http://www.w3school.com.cn/jquery/jquery_ajax_get_post.asp
相关推荐
《jQuery基础教程》是一部针对初学者的优秀教程,旨在帮助读者快速掌握JavaScript库jQuery的核心概念和功能。jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了网页中的DOM操作、事件处理、动画制作...
**一、jQuery AJAX基础** 1. **AJAX简介**:AJAX允许在不刷新整个页面的情况下,与服务器交换数据并局部更新页面内容。这大大提升了用户体验,使网页看起来更加流畅。 2. **jQuery的$.ajax()方法**:它是jQuery中...
jQuery基础教程(ajax).pdf jQuery基础教程(ajax).pdf
一、jQuery基础 jQuery的核心在于其选择器,它极大地简化了DOM元素的选取。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`则选取所有class为"class"的元素。此外,`$("tag")`则能选取所有指定标签名的元素...
jQuery.cookie基础 `jQuery.cookie`插件使得在浏览器中读写cookie变得非常简单。例如,我们可以使用以下代码创建一个名为`myCookie`的cookie: ```javascript $.cookie('myCookie', 'value'); ``` 要读取这个...
《jQuery基础教程》源代码包含了对JavaScript库jQuery的深入学习材料,主要针对初学者和希望提升jQuery技能的开发者。此教程旨在帮助读者理解和掌握如何利用jQuery简化网页开发,提高交互设计和Web应用性能。以下是...
在"JSON+js+jquery+ajax基础.zip"这个压缩包中,可能包含的教程或示例将涵盖以下几个方面: 1. JSON基础知识:介绍JSON的语法结构,如对象和数组的表示,以及如何在JavaScript中创建和解析JSON对象。 2. JavaScript...
本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...
**jQuery基础教程中文版2015** jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。2015年发布的这个基础教程,旨在帮助初学者快速掌握jQuery的核心概念和技术。 一、...
**Ajax 入门教程** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术使得用户可以与网页进行更流畅的交互,提升了用户体验。Ajax 并不直接涉及 ...
在本教程中,我们将学习如何使用jQuery的Ajax方法来加载不同类型的文件数据,这些文件数据包括HTML、JSON、JavaScript和XML文件。实现这一点的关键是通过使用jQuery库提供的方法:load、getJSON、getScript和get。 ...
这个压缩包可能包含了AJAX和JQuery的基础教程、实例代码、练习项目等,对于初学者或想提升技能的开发者来说是一份宝贵的资源。通过学习,你可以了解如何利用AJAX进行无刷新数据交互,以及如何借助JQuery简化...
本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar
本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar
本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar
本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar
通过这些资源,初学者不仅可以学习到jQuery的基本概念,还可以深入到实际应用,掌握如何使用jQuery进行DOM操作、事件处理、动画制作和Ajax交互,为网页开发打下坚实的基础。在实践中不断探索和熟练运用jQuery,将极...
本教程将深入探讨如何在C#.NET环境中结合jQuery实现AJAX功能。 首先,jQuery库简化了JavaScript中的DOM操作和事件处理,同时也提供了方便的AJAX函数。`$.ajax()`是jQuery中最核心的AJAX方法,它允许开发者自定义...
在IT行业中,PHP、jQuery和Ajax是Web开发中的三大核心技术,它们共同构建了现代动态网页交互的基础。这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们...
2. JQueryAjax教程讲解.ppt:这可能是关于使用jQuery进行AJAX请求的详细讲解,包括$.ajax()函数,$.get()和$.post()方法的使用,以及如何处理回调函数。 3. Jquery(很好的PPT教程-技术较为全面-分享给大家).ppt:这...