查看: 449|回复: 0

[经验分享] PHP > php+jquery+ajax+json

尚未签到

发表于 2017-3-3 10:43:22 | 显示全部楼层 |阅读模式

　　index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.5.1.min.js"></script></head>
<script language="javascript">
function addclick() {
$("#load").show();
$.ajax({
type: "get",
dataType: "json",
url: "post.php",
data: "case="+$("#txtuserName").val(),
complete :function(){
$("#load").hide();
},
success: function(data){
var outhtml = '';
$.each(data, function(i,val){ //each = foreach, i= $key, val = $value
outhtml += val.text+val.demoData+"<BR>"
});
$("#result_div").html(outhtml);
},
error:function(){
alert('error');
}
});
}
</script>
<body>
<div id="load" style="display:none">loading....
</div>
<div id="result_div" style="width:500px;height:100px;border:1px solid red">
</div>
<input type="text" name="" id="txtuserName" size="3"> x9
<input type="button" value="" >
</body>
</html>
　　post.php

<?PHP
$re = array();
$re['0']['text'] = $_GET['case'].'x9=';
$re['0']['demoData'] = $_GET['case']*9;
$re['1']['text'] = $_GET['case'].'x2=';
$re['1']['demoData'] = $_GET['case']*2;
die(json_encode($re));
?>

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-349618-1-1.html 上篇帖子： php excel 下篇帖子： php反射

使用道具举报