3

jqueryスクリプトから単純なバックエンドpythonメソッドを実行しようとしています。

JQUERY

$(document).ready(function(){
    $('#btn').click(function(event){
    event.preventDefault();
    var commit = $("#test_form input[type='radio']:checked").val();
    alert(commit);
          $.ajax({
                type: "POST",
                url: "submitted",
                data: commit,
                success: function(data) {
                    alert(data["title"]);
                    $("#status").html(data["title"]);
                }
          });
     return false;
    });

    $('#update_help').click(function() {
        $('#update_info').toggle('slow', function() {
        // Animation complete.
        });
    });
});

私のcherrypypythonスクリプトには、次のものがあります

@cherrypy.expose
def submitted(self, commit = 0):
    cherrypy.response.headers['Content-Type'] = 'application/json'
    print"Got here"
    #return simplejson.dumps(dict(title="hello", success=True))
    return "foo"

HTMLファイルは次のようになります

<form  id="test_form" method="post">

    <li class = "option">
            <input type="radio" name="commit" value = "0"/> Option 1
        </li>
        <li>
            Option 1

        </li>
        <li class = "option">
                <input type="radio" name="commit" value = "1"/> Option 2 <br>
        </li>
        <li class = "option">
            <input id="btn" type="submit"/>
        </li>
    </ul>        
        </form>

私が気付いたのは、ajax投稿が「送信された」関数を実際に見つけることは決してないということです。ページ全体がリロードされ、ajaxpostコールバックには何も返されません。これは私が派遣で何か間違ったことをしていることと関係があると確信していますが、私は何が欠けていますか？

ありがとう

4

1 に答える 1

0

JavaScriptをこれに更新してみてください...

      $.ajax({
            type: "POST",
            url: "/plugins/set_prop/submitted",
            data: commit,
            success: function(data) {
                alert(data["title"]);
                $("#status").html(data["title"]);
            }

お役に立てれば。アンドリュー

于 2012-11-11T12:31:20.667 に答える