`

jquery.ajax基础教程

    博客分类:
  • js
阅读更多

一.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.基础教程》flash

    《jQuery基础教程》是一部针对初学者的优秀教程,旨在帮助读者快速掌握JavaScript库jQuery的核心概念和功能。jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了网页中的DOM操作、事件处理、动画制作...

    jquery-ajax最简单的实力

    **一、jQuery AJAX基础** 1. **AJAX简介**:AJAX允许在不刷新整个页面的情况下,与服务器交换数据并局部更新页面内容。这大大提升了用户体验,使网页看起来更加流畅。 2. **jQuery的$.ajax()方法**:它是jQuery中...

    jQuery基础教程(ajax)

    jQuery基础教程(ajax).pdf jQuery基础教程(ajax).pdf

    jquery.api.3.2.1.chm

    一、jQuery基础 jQuery的核心在于其选择器,它极大地简化了DOM元素的选取。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`则选取所有class为"class"的元素。此外,`$("tag")`则能选取所有指定标签名的元素...

    【JQuery经典教程】带JQuery.cookie源码!

    jQuery.cookie基础 `jQuery.cookie`插件使得在浏览器中读写cookie变得非常简单。例如,我们可以使用以下代码创建一个名为`myCookie`的cookie: ```javascript $.cookie('myCookie', 'value'); ``` 要读取这个...

    《jquery.基础教程》源代码

    《jQuery基础教程》源代码包含了对JavaScript库jQuery的深入学习材料,主要针对初学者和希望提升jQuery技能的开发者。此教程旨在帮助读者理解和掌握如何利用jQuery简化网页开发,提高交互设计和Web应用性能。以下是...

    JSON+js+jquery+ajax基础.zip

    在"JSON+js+jquery+ajax基础.zip"这个压缩包中,可能包含的教程或示例将涵盖以下几个方面: 1. JSON基础知识:介绍JSON的语法结构,如对象和数组的表示,以及如何在JavaScript中创建和解析JSON对象。 2. JavaScript...

    jqueryTreeTable+ajax(构建树形表格)

    本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...

    jquery基础教程中文版2015

    **jQuery基础教程中文版2015** jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。2015年发布的这个基础教程,旨在帮助初学者快速掌握jQuery的核心概念和技术。 一、...

    ajax教程.ajax入门教程

    **Ajax 入门教程** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术使得用户可以与网页进行更流畅的交互,提升了用户体验。Ajax 并不直接涉及 ...

    Jquery ajax基础教程

    在本教程中,我们将学习如何使用jQuery的Ajax方法来加载不同类型的文件数据,这些文件数据包括HTML、JSON、JavaScript和XML文件。实现这一点的关键是通过使用jQuery库提供的方法:load、getJSON、getScript和get。 ...

    资料大全 09AJAX与JQuery.rar

    这个压缩包可能包含了AJAX和JQuery的基础教程、实例代码、练习项目等,对于初学者或想提升技能的开发者来说是一份宝贵的资源。通过学习,你可以了解如何利用AJAX进行无刷新数据交互,以及如何借助JQuery简化...

    jQuery基础教程.part3.rar

    本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar

    jQuery基础教程.part2.rar

    本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar

    jQuery基础教程.part4.rar

    本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar

    jQuery基础教程.part1.rar

    本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的... jQuery基础教程.part4.rar

    Jquery.中文版.教程

    通过这些资源,初学者不仅可以学习到jQuery的基本概念,还可以深入到实际应用,掌握如何使用jQuery进行DOM操作、事件处理、动画制作和Ajax交互,为网页开发打下坚实的基础。在实践中不断探索和熟练运用jQuery,将极...

    C#.net下jquery ajax实例及教程

    本教程将深入探讨如何在C#.NET环境中结合jQuery实现AJAX功能。 首先,jQuery库简化了JavaScript中的DOM操作和事件处理,同时也提供了方便的AJAX函数。`$.ajax()`是jQuery中最核心的AJAX方法,它允许开发者自定义...

    php+jquery+ajax最简单例子

    在IT行业中,PHP、jQuery和Ajax是Web开发中的三大核心技术,它们共同构建了现代动态网页交互的基础。这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们...

    javascript+jquery+ajax相关学习资料PPT

    2. JQueryAjax教程讲解.ppt:这可能是关于使用jQuery进行AJAX请求的详细讲解,包括$.ajax()函数,$.get()和$.post()方法的使用,以及如何处理回调函数。 3. Jquery(很好的PPT教程-技术较为全面-分享给大家).ppt:这...

Global site tag (gtag.js) - Google Analytics