0

掲示板書き込みページを作っています。

ユーザーがボードの件名とコンテンツを書き込み、書き込みボタンを押すと、サーバー側に移動してデータベースにデータを挿入します。その後、ページを掲示板一覧ページに移動します。真っ直ぐ、前に、簡単に。

しかし、問題は同期です。

データが挿入される前にページを再配置することがあります。

そのため、ユーザーはページを更新してビューを更新する必要があります。

データがデータベースに挿入された「後」にページを表示するにはどうすればよいですか?

これがコードです

                <title>Insert title here</title>
                <base href="<?php echo base_url(); ?>" />
                <link type="text/css" rel="stylesheet" href="formstyle.css">
                <link type="text/css" rel="stylesheet" href="buttonstyle.css">
                <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">
                </script>
                <script type="text/javascript">

                    $(function(){
                        $("#writebutton").click(function(){
                            $.ajax({
                                type: 'POST',
                                url: "http://10.222.223.53/test1/index.php/home/writecomplete",
                                data: {
                                    'subject': $("#subject").val(),
                                    'content': $("#content").val()
                                },
                                success: function(msg){
                                   location.href="http://10.222.223.53/test1";
                                }
                            });

                        });
                    });
                </script>
            </head>
            <body>
                <!-- UI Object -->
                <fieldset>
                    <legend>
                        글쓰기 생성
                    </legend>
                    <div class="form_table">
                        <table border="1" cellspacing="0" summary="표의 요약을 반드시 넣어 주세요">
                            <tbody>
                                <tr>
                                    <th scope="row">
                                        제목
                                    </th>
                                    <td>
                                        <div class="item">
                                            <input type="text" style="width:320px" name="subject" title="레이블 텍스트" class="i_text" id="subject">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row">
                                        내용
                                    </th>
                                    <td>
                                        <div class="item">


                                            <textarea name="content" cols="50" rows="5" title="레이블 텍스트" class="i_text" id="content"></textarea>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <table>
                        <tr>
                            <td>
                                <span class="btn_pack medium" id="board_list"><a href="http://10.222.223.53/test1/index.php/home/gotolist">목록</a></span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="btn_pack medium" id="write_complete"><input type="submit" value="작성완료" id="writebutton"></span>
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </body>
        </html>
4

1 に答える 1

2

<form>要素が適切に閉じられていません。他のすべてのタグも確認してください。

.submit()ではなく、を処理する必要があります.click()。

デフォルトのアクション (送信) の続行を許可しないでください。これは、あなたが持っているコードです。

これを試して：

     $(".form_table").submit(function(e){
       e.preventDefault();  // prevent default 'submit'
       $.ajax({
         // do your ajax stuff here.
       });     
     });
于 2013-07-08T01:08:37.327 に答える