如何将 AJAX 数据从 VIEW 发送到 CONTROLLER？ (PHP(MVC)+AJAX)

Question

我有http://visiting/blog 页面。

Controller 包含 action_index 和 add_index 方法。 Action_index() 返回索引页面。 Add_index()调用模型的方法add_data()，将数据从表单插入到数据库中。

我需要用 ajax-request 组织我的应用程序，http://visiting/blogpage 在提交表单后不会刷新。

查看

    $.ajax({
        type: 'POST',
        url: '???',   --------------------------> What should URL contain?
        data: $(this).serialize()

控制器

    function action_add() {

        $title = $this->cleanStr($_POST["title_field"]);
        $text = $this->cleanStr($_POST["text_field"]);



        if ($title!="" && $text!="") {
            $this->model->add_data($title, $text);              
        } else {
            throw new Exception("Data is empty");
        }

    }

型号

   public function add_data($title, $text) {
        try {
            $query="INSERT INTO post (title, text) VALUES('$title', '$text')";
            self::$db->query($query);
        } catch(Exception $e) {
            echo $e->getMessage();
        }
    }

---

查看
它是一个带有 ajax-request 的完整 html 文件。 我想处理表单，页面不刷新，数据发送到数据库。

  <div class="blog">
    <h1> Blog </h1>
    <form onsubmit="return validate()" id="add_form">
        <fieldset>
            <legend>Add new post:</legend>
            <label>Title:</label><br>
            <input type="text" name="title_field" id="titlef">
            <br>
            <label>Text:</label>
            <br>
            <textarea name="text_field" id="textf"></textarea>
            <br>
            <input onclick="return validate(); return false" type="submit" value="Submit">
            <input onclick="return resetclass()" type="reset" value="Reset">
        </fieldset>
    </form>

    <div class="blogposts">
        <div id='response'></div>
        <?php
            foreach ($data as $values) {
                echo "<div class=\"blog_item\">";
                echo "<h4 class=\"blog_item_title\">" . $values["title"] . "</h4>" . 
                "<div class=\"blog_item_text\">" . $values["text"] . "</div>" .
                "<div class=\"blog_item_time\">" . $values["time"] . "</div>";
                echo "</div>";
            }
        ?>
    </div>
</div>
<script>
$(document).ready(function(){
    $('#add_form').submit(function(){

        // show that something is loading
        $('#response').html("<b style=\"font-size:20px; margin:40px;\"\">Loading ...</b>");


        $.ajax({
            type: 'POST',
            url: '???',   ------------> What should be into url?
            data: $(this).serialize()
        })
        .done(function(data){

            // show the response
            $('#response').html(data);

        })
        .fail(function() {

                // just in case posting your form failed
                alert( "Posting failed." );

        });
        // to prevent refreshing the whole page page
        return false;

    });
});
</script>

Answer 1

url 应该是您想要访问的控制器方法的路径。您不必在 url 中包含基本路径（但如果您愿意，也可以）。就像这样：

url: "howeverYourStructureIs/Action_index",

点击方法action_index()。您可以将 ajax 想象为“好像您要点击该页面，但实际上并未导航到该页面”之类的东西。所以不管你通常会点击那个方法，是你在 ajax 调用中输入的 url。

希望对你有帮助