Question

我正在尝试将表单数据发布到我的API。虽然我能够拨打电话，但看起来没有数据被发布。

我做错了什么？另外，我想以JSON格式发布数据。我应该做JSON.stringify（）？

P.S。 Noob在这里

<div id="response">
    <pre></pre>
</div>

<form id="my-form">
            <div id="app">
            <h1 style="color:#5bb7db;">Get Started</h1>
            <div class="form-group">
                <label for="src">Source:</label>
                <input type="text" class="form-control" id="src" placeholder="source folder path">
            </div>
            <div class="form-group">
                <label for="dest">Destination:</label>
                <input type="text" class="form-control" id="dest" placeholder="destination folder path">
            </div>
            <button type="submit" id="sbmt" class="btn btn-primary">Submit</button>
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    (function($){
        function processForm( e ){
        console.log( $(this).serialize() );
            $.ajax({
                url: 'http://localhost:3000/posts',
                dataType: 'text',
                type: 'post',
                cors: true,
                contentType: 'application/json',
                data: $(this).serialize(),
                success: function( data, textStatus, jQxhr ){
                    $('#response pre').html( data );
                },
                error: function( jqXhr, textStatus, errorThrown ){
                    console.log( errorThrown );
                }
            });

            e.preventDefault();
        }

        $('#my-form').submit( processForm );
    })(jQuery);
</script>
</body>

Answer 1

您需要为source和destination输入设置名称

<input type="text" name="source" class="form-control" id="src" placeholder="source folder path">

<input type="text" name="destination" class="form-control" id="dest" placeholder="destination folder path">

无法将数据发布到我的网络API - ajax

1 个答案: