jQuery中使用Get、post和ajax方法将数据传输到服务器。在上一篇文章中，我们分享了一个jquery中ajax-post()方法的例子。现在，我们将通过本文继续学习jquery中的ajax-get()方法。具体介绍请参考下文。

JQuery Ajax参考手册

例子

使用AJAX GET请求更改div元素的文本：

$(“按钮”)。单击(function(){ $)。get('demo_ajax_load.txt '，function(result){ $('div ')。html(结果)；});});你自己试试吧

定义和用法

get()方法通过远程HTTP GET请求加载信息。

这是一个简单的GET请求函数，用来替换复杂的$.ajax。请求成功时调用回调函数。如果发生错误时需要执行函数，请使用$.ajax。

语法

$(选择器)。获取(网址、数据、成功(响应、状态、xhr)、数据类型)

详细描述

这个函数是一个简写的Ajax函数，相当于：

$.ajax({ url: url，data:数据，success: success，dataType : dataType })；根据响应的MIME类型不同，传递给成功回调函数的返回数据也不同，可以是XML根元素、文本字符串、JavaScript文件或JSON对象。您还可以将响应的文本状态传递给成功回调函数。

使用jQuery 1.4，您还可以将一个XMLHttpRequest对象传递给成功回调函数。

例子

请求test.php网页，忽略返回值：

$.get(' test . PHP ')；

更多示例

例1

请求test.php网页，传递2个参数，忽略返回值：

$.get('test.php '，{ name: 'John '，time : ' 2pm ' })；例2

根据test.php返回值(HTML或XML，取决于返回值):

$.get('test.php '，函数(数据){ alert('Data Loaded: '数据)；});例3

根据test.cgi的返回值(HTML或XML，取决于返回值)，添加一组请求参数：

$.get('test.cgi '，{ name: 'John '，time: '2pm' }，function(Data){ alert(' Data loaded : ' Data)；});$的详细解释。jquery ajax的get()用法

Js文件

$(文档)。ready (function () {$ ('form '))。submit (function (event) {event。preventdefault()})//取消submit $(' formin put[type=' submit ']'的默认行为。点击(函数(){ var URL=$//取链接var param={}以表单形式提交；//程序集发送参数param[' name ']=$(' formin put[name=name]')。val()；param['age']=$('表单输入[name=age])。val()；$.get(url，param，function(dom) { $('div.get '))。append(DOM)})；//发送并显示返回的内容})；})html文件

formaction=' ajax.php '方法=' get ' name : input type=' text ' name=' name '/age : input type=' text ' name=' age '/input type=' submit '/formdiv class=' get '这是ajax get方法/divphp文件

error _ reporting(0)；if($ _ GET[' name ']==' kitty '){ $ name='你是幸运儿'；} else $ name=$ _ GET[' name ']；$ age=$ _ GET[' age ']；回声“div”。$name。' '.$年龄。/div '；以上介绍是本文大家分享的jQuery中ajax-get()方法示例的详细说明，希望大家喜欢。