0

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}
4

1 回答 1

1

阅读您的错误日志:

错误:[MissingViewException] 查看文件“G:\wamp\www\john\app\View\Frontends\Ajax_Form_Submit.ctp”丢失。异常属性:数组('file' => 'G:\wamp\www\john\app\View\Frontends\Ajax_Form_Submit.ctp', )请求 URL:/john/Frontends/AjaxFormSubmit

问题很清楚:您的视图文件丢失,所以创建它。我不知道您期望从中得到什么样的答案,但您所做的是错误的。如果您想返回 json,请阅读本节

如果你真的只想回显一个字符串,你需要调用 $this->_stop(); 回声之后。但实际上,您应该返回某种带有适当消息的 json 对象,可能还有错误代码和状态,而不是返回一个无意义的字符串,以便您的 javascript 可以处理响应。

于 2013-08-13T13:54:51.767 回答