jQuery中ajax的load()与post()方法实例详解(2)_H5之家 - 中国HTML5教程资源分享第一站

AJax技术

jQuery中ajax的load()与post()方法实例详解(2)

字号+ 作者：H5之家来源：H5之家 2016-01-15 14:11 我要评论( )

input type=button id=bnajax value=ajax onclick=ajaxTest() / script type=text/JavaScript function ajaxTest() { $.post(:8012/t.asp, { txt: 123 },function(data) { $(#divMsg).html(data); } ); } /script

function ajaxTest()

{

$.post(":8012/t.asp", { "txt": "123" },function(data)

{

$("#divMsg").html(data);

}

);

}

</script>

复制代码

　　例3

　　JS代码：

$(document).ready(function(){

$(".ajax_btn").click(function(){

$.post("ajax.php",//异步处理动态页面

{name:$(".name").val()},//获取类名为"name"文本的值，以NAME异步传值

function(data){//data为反回值，function进行反回值处理

$(".content").val(data);//获得得反回值后，将其填入到类名为"content"的文本框中

});

})

</script>

复制代码

　　ajax.php代码：

<?php

$name=$_POST["name"];

if($name=="netxu"){

echo "对不起，".$name."数据存在";

}

else{

echo "恭喜你，".$name."可以使用";

}

复制代码

JavaScript 企业互联网技术社区开发者社区 IT

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

JavaScript学习总结之JS、AJAX应用

2016-02-06 15:02
学习JavaScript设计模式之代理模式

2016-01-25 17:02
javascript、jquery、AJAX总结

2016-01-25 17:00
今天开始应该使用 5 个JavaScript调试技巧

2016-01-23 17:00

网友点评

精彩导读

05 jQuery与Ajax以及序列化

javascript、jquery、AJAX总结

asp.net ajax 客户端框架未能加载

今天开始应该使用 5 个JavaScript调试技巧

技巧和诀窍：UpdateProgress控件和AJAX活动图

热门资讯

关注我们

关注微信公众号，了解最新精彩内容