学习要点:
1.ajax提问
1.ajax提问
本节课主要是创建一个问题表,将提问数据通过ajax方式提交出去。然后对内容显示进行布局,实现内容部分隐藏和完整显示的功能。
一、Ajax提问
创建一个数据表:question,分别建立:id,title,content,user,date。
然后创建一个PHP文件:add_content.php
//新增提问代码
创建一个数据表:question,分别建立:id,title,content,user,date。
然后创建一个PHP文件:add_content.php
//新增提问代码
<?php
sleep(3);
require "config.php";
$query="INSERT INTO question(title, content,user,date)
VALUES("{$_POST["title"]}","{$_POST["content"]}","{$_POST["user"]}",NOW())";
mysql_query($query) or die("新增失败!".mysql_error());
echo mysql_affected_rows();
mysql_close();
?>
//jquery代码
$("#question").dialog({
autoOpen:false,
modal:true,
resizable:false,
width:500,
height:360,
buttons:{
"发布":function(){
$(this).ajaxSubmit({
url:"add_content.php",
type:"POST",
data:{
user:$.cookie("user"),
content:$(".uEditorIframe").contents().find("#iframeBody").html();
},
beforeSubmit:function(formData,jqForm,options){
$("#loading").dialog("open");
$("#question").dialog("widget").find("button").eq(1).button("disable");
},
success:function(responseText,statusText){
if(responseText){
$("#question").dialog("widget").find("button").eq(1).button("enable");
$("#loading").css("background","url(img/success.gif) no-repeat 20px center").html("数据新增成功...");
setTimeout(function(){
$("#loading").dialog("close");
$("#question").dialog("close");
$("#qusetion").resetForm();
$("#uEditorIframe").contents().find("#iframeBody").html("请输入问题描述!");
$("#loading").css("background","url(img/loading.gif) no-repeat 20px center").html("数据交互中...")
},1000);
}
}
});
}
},
});