CakePHP Ajax请求不会发生内部服务器错误

Question

I am just trying to test ajax form submit in CakePhp. I have below written code. But ajax is not working.

Error in chrome : POST http://localhost/john/Frontends/AjaxFormSubmit 500 (Internal Server Error)

View File

 echo $this->Form->input('appendedInputButton',
         array('id'=>'url','name' => 'AjaxFormSubmit', 'type' => 'text')); 

 echo $this->Form->button('Convert',
         array('id' => 'Convert', 'type' => 'button'));

jQuery

$(document).ready(function () {

    $('#Convert').on({
        'click': function () {
            var urlVal = $("#url").val();
            if (urlVal == '' || urlVal == 0) {
                $("#url").focus();
                return false;
            }

            $.ajax({
                url: 'http://localhost/john/Frontends/AjaxFormSubmit',
                cache: false,
                type: 'POST',
                success: function (data) {
                    alert(data);
                }
            });
        }
    });
});

Controller

App::uses('AppController', 'Controller');

class FrontendsController extends AppController {

    public $name = 'Frontends';
    public $uses = array();
    public $components = array('RequestHandler');
    public $helpers = array('Html', 'Form');


    public function index() {
        $this - > layout = 'frontend_index_layout';
    }

    public function AjaxFormSubmit() {
        echo "Receiving Via Ajax";
    }
}

Error Log File

2013-08-13 13:41:43 Error: [MissingControllerException] Controller class JsController could not be found.
Exception Attributes: array (
  'class' => 'JsController',
  'plugin' => NULL,
)
Request URL: /john/js/jquery-1.10.1.min.map
Stack Trace:
#0 G:\wamp\www\john\app\webroot\index.php(111): Dispatcher->dispatch(Object(CakeRequest), Object(CakeResponse))
#1 {main}
2013-08-13 13:42:01 Error: [MissingViewException] View file "G:\wamp\www\john\app\View\Frontends\Ajax_Form_Submit.ctp" is missing.
Exception Attributes: array (
  'file' => 'G:\\wamp\\www\\john\\app\\View\\Frontends\\Ajax_Form_Submit.ctp',
)
Request URL: /john/Frontends/AjaxFormSubmit
Stack Trace:
#0 G:\wamp\www\john\lib\Cake\View\View.php(468): View->_getViewFileName(NULL)
#1 G:\wamp\www\john\lib\Cake\Controller\Controller.php(948): View->render(NULL, NULL)
#2 G:\wamp\www\john\lib\Cake\Routing\Dispatcher.php(194): Controller->render()
#3 G:\wamp\www\john\lib\Cake\Routing\Dispatcher.php(162): Dispatcher->_invoke(Object(FrontendsController), Object(CakeRequest), Object(CakeResponse))
#4 G:\wamp\www\john\app\webroot\index.php(111): Dispatcher->dispatch(Object(CakeRequest), Object(CakeResponse))
#5 {main}

Answer 1

Read your error log:

Error: [MissingViewException] View file "G:\wamp\www\john\app\View\Frontends\Ajax_Form_Submit.ctp" is missing. Exception Attributes: array ( 'file' => 'G:\wamp\www\john\app\View\Frontends\Ajax_Form_Submit.ctp', ) Request URL: /john/Frontends/AjaxFormSubmit

The issue is pretty clear: Your view file is missing, so create it. I don't know what kind of answer you expect from it but what you do is wrong. If you want to return json read this section.

If you really want to just echo a string you need to call $this->_stop(); after the echo. But instead of returning a meaningless string you should in fact return some kind of json object with a proper message and maybe error code and status so that the response can be handled by your javascript.