AJax技术

$.ajax()常用方法详解(推荐)(2)

字号+ 作者:H5之家 来源:H5之家 2017-10-27 13:00 我要评论( )

$(function(){ $(#send).click(function(){ $.ajax({ type: GET, url: test.json, data: {username:$(#username).val(), content:$(#content).val()}, dataType: json, success: function(data){ $(#resText).empty

$(function(){
$('#send').click(function(){
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
$('#resText').empty(); //清空resText里面的所有内容
var html = '';
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);
}
});
});
});

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery中ajax的使用例子($.ajax())

    jquery中ajax的使用例子($.ajax())

    2017-08-29 11:00

  • jquery中ajax的使用例子($.ajax())

    jquery中ajax的使用例子($.ajax())

    2017-08-29 11:00

  • 学习ashx文件获取$.ajax()方法发送的数据

    学习ashx文件获取$.ajax()方法发送的数据

    2017-06-15 13:02

  • $.ajax()方法进行网页间传值示例

    $.ajax()方法进行网页间传值示例

    2017-06-10 18:01

网友点评