Jquery李炎恢—59 Ajax提问【25】

学习要点：
1.ajax提问

本节课主要是创建一个问题表，将提问数据通过ajax方式提交出去。然后对内容显示进行布局，实现内容部分隐藏和完整显示的功能。

一、Ajax提问
创建一个数据表：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);

                   }

                }  

           });

       }

    },

});