jQuery $.get()方法的用法
2023-06-13 09:12:02 时间
在 jQuery 中,我们可以使用 $.get() 方法通过 Ajax 向服务器请求获取数据。
语法:
$.get(url, data, fn, type)
$.get() 方法有 4 个参数,如表 1 所示。
参数 type 返回的内容格式包括:text、html、xml、json、script 或 default。
接下来给大家举一个例子,首先我们需要准备两个文件:一个是扩展名为 php 的文件,另一个是扩展名为 html 的文件。
扩展名为 php 的文件代码如下。
?php header( Content-Type:text/html; charset=utf-8 echo div >扩展名为 html 的文件代码如下。
!DOCTYPE html html head meta charset= utf-8 / style type= text/css .item h4{margin:5px;background-color:#F1F1F1;} .item p{margin:0;text-indent:2em;} /style script src= js/jquery-1.12.4.min.js /script script $(function(){ $( #send ).click(function(){ $.get( get.php , { username : $( #name ).val() , content : $( #content ).val() }, function (data, textStatus){ $( #comment ).html(data); // 把返回的数据添加到页面上 /script /head body form fieldset legend 小伙伴们,快快到碗里来! /legend p label 昵称: input id= name type= text / /label /p p label 内容: textarea name= content id= content rows= 4 cols= 30 /textarea /label /label /p p input id= send type= button value= 提交 / /p /fieldset /form h3 已有评论: /h3 div id= comment /div /body /html预览效果如图 1 所示。
图 1:默认效果我们在表单中输入内容,点击【提交】按钮后,就会将表单内容通过Ajax传给后端服务器,结果如图 2 所示。
图 2:提交内容后的效果 在回调函数中,我们将返回来的 data(也就是 HTML 片段)直接在 HTML 中使用。HTML 片段实现起来只需要很少的工作量,但这种固定的数据结构并不一定能够在其他的页面得到重用,这一点我们要清楚。23901.html
CSShtmljavaJavaScriptphp数据结构
相关文章
- jquery setvalue_jquery on方法
- jQuery not()方法的用法
- jQuery $.param()方法的用法
- jquery框架使用教程AJAX篇
- JQuery常用方法和事件详细介绍
- Jquery网页出现的乱码问题的三种解决方法
- Jquery的outerHeight方法使用介绍
- JQuery中form验证出错信息的查看方法
- jquery事件重复绑定的快速解决方法
- jquery中load方法的用法及注意事项说明
- 不要使用jQuery触发原生事件的方法
- jquery中post方法用法实例
- jQuery中last()方法用法实例
- jquery事件preventDefault()方法用法实例
- JavaScript用JQuery呼叫Server端方法示例代码