学习ThinkPHP3.2.2:video10,检测AJAX提交数据是否成功

时间:2022-10-29 08:58:27

1、修改js文件,使之能响应提交按钮单击事件 D:\wamp\www\wish\Public\Js\index.js:


$( '#send-btn' ).click( function () {

    alert(handleUrl);

    var username = $( 'input[name=username]' );

    //

    var content = $( 'textarea[name=content]' );


    if (username.val() == ''){

        alert('用户名不能为空。');

        username.focus();

    }

    if (content.val() == ''){

        alert('内容不能为空。');

        content.focus();

    }


    $.post(handleUrl, {username : username.val(), content : content.val()}, 

    function(data){}, 'json');


});

上面的alert提示框,可以显示提交的action路径是否正确。


2、控制器中的两个方法:

    public function index(){

        //echo C('TMPL_EXCEPTION_FILE');

        //echo 111;

        $this->display();

    }

    /* 

    *异步发布处理

    */

    public function handle(){

        //echo ('aaaaaaaaaa');

        //p(I('post.'));

        //var_dump(IS_AJAX);

    if (!IS_AJAX) E('出错啦!!,非法访问。');

        p(I('post.'));

    }

中间多用几次echo、p来显示信息。


3、用firefox浏览器打开 http://10.37.80.223/wish/index.php

用许愿墙输入信息并提交。在firebug中观察返回值。

学习ThinkPHP3.2.2:video10,检测AJAX提交数据是否成功

用浏览器打开 http://10.37.80.223/wish/index.php/Home/Index/handle

学习ThinkPHP3.2.2:video10,检测AJAX提交数据是否成功

这页面显示的出错信息,是在前面handle方法中定义的:

E('出错啦!!,非法访问。')