ajax2.0获取表格数据提交到服务器

$( 'form button.btn-primary'). click( function( event){

event. preventDefault();

// ajax新增即可

// form表单中

// 自动格式化form表单中的数据

var sendData = new FormData( document. querySelector( 'form'));

$. ajax({

url: 'http://www.baixiu_my.com/admin/API/07.insertPost.php',

data:sendData,

type: 'post',

processData: false, // 不格式化数据

contentType: false, // 不设置请求头

success : function( backData){

console. log( backData);

}

})

})

ajax2.0获取数据时，不能设置请求头，也不能格式化数据。并且要new一个FormData。

        

          

            标题
            
          
          

            标题
            
          
        
        

          

            别名
            
            
https://zce.me/post/slug
          
          

            特色图像
            
            
            
          
          

            所属分类
            
            
          
          

            发布时间
            
          
          

            状态
            
              草稿
              已发布
            
          
          

            保存
          
        
      

上面是对应的HTML代码与相应的点击事件，这里是通过ajax2.0来获取表格中带有name属性的值。php文件如下所示：

// 引入函数，这个php文件里面封装了对数据库的数据进行增删改查

include_once '../../tool/tools.php';

// 接收数据

$slug = $_REQUEST[ 'slug'];

$title = $_REQUEST[ 'title'];

$created = $_REQUEST[ 'created'];

$content = $_REQUEST[ 'content'];

$category = $_REQUEST[ 'category'];

$status = $_REQUEST[ 'status'];

// 图片

$feature = '/uploads/'. my_move_upload_file( 'feature', '../../uploads/');

// 通过session 获取当前登录的人的 id

session_start();

$id = $_SESSION[ 'userInfo'][ 'id'];

// 准备sql

$sql = "insert into posts (slug,title,feature,created,content,category_id,status,user_id) values(' $slug ',' $title ',' $feature ',' $created ',' $content ',' $category ',' $status ', $id )";

// echo $sql;

// 执行sql

$rowNum = my_ZSG( $sql);

// echo $rowNum;

// 判断结果

if( $rowNum== 1){

echo '恭喜你,写好了文章哦';

} else{

// 提示用户

echo '嘤嘤嘤,没有写好 ';

}

? >

对数据库进行操作的封装见下一篇文章。