jQuery技术

jquery json实现无刷新取值

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

jquery json实现无刷新取值

jquery+json实现无刷新取值

html jquery代码:

<script>
function edit(id)
{
alert

(id);
$.getJSON("edit.php",{save:'editjson',id:id},function(data){
if($.trim(data.title))
{
//给下面的form赋值
$("#edid").val(id);
$("#save").val

("edit");
$("#title").val(data.title);
$("#content").val(data.content);
//下面的是赋值给fckeditor编辑器
//var oEditor = FCKeditorAPI.GetInstance("afficheinfo") 

;
//oEditor.SetHTML(data.content) ;
}
else
{
alert("操作失败");
//下面为用层显示错误信息
//$('#result').css("display",'');
//$('#result').html

('<img src="/Public/images/icon/reg3.gif" alt="" />操作失败!');
//setTimeout("$('#result').fadeOut()",1000);
}

});

}
</script>
<a 

href="edit(1);">这里是ID号</a>
<form >
ID:<input id="edid" value="" />
title:<input id="title" value="" />
conetnt:<input id="content" 

value="" />
</form>

PHP代码:
edit.php
<pre>
<?php
if($_GET['id'])
{
//这里根据ID取到数据库数据,我这里就不写了
echo 

'{title:"'.$rs["title"].'",content:"'.$rs["content"].'"}';//这里返回json数据
}
?>

 

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

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
o