Question

所以我完全是jQuery的新手，我试图使用AJAX提交一些表单数据。我想做什么：

使用表单
在模态
将表单提交到process.php，以便它可以使用我的数据

我遵循了如何使用ajax提交表单数据的教程，但它完全搞砸了。我开始玩代码之后阅读了这些评论，每个人都说完全错了。

$(document).ready(function(){
$("#create_post").modal();
});

/*$(document).ready(function(){
$('form').submit(function(event){
    
    var formData = {
        'title' : $('input[name=title]').val(),
        'highlights' : $('input[name=highlights]').val(),
        'image' : $('input[name=image]').val(),
        'reason' : $('input[name=reason]').val(),
        'content' : $('input[name=content]').val()
        
    };
    
    $.ajax({
        type : 'POST',
        url : '../admin/process.php',
        data : formData,
        dataType : 'json',
        encode : true        
    })
    
    .done(function(data){
        console.log(data);
    });
    event.preventDefault();
    
    if(!data.success){
        
        if(data.errors.title){
            $('#title').addClass('has-error');
            $('#title').append('<div class="help-block">' + data.errors.title + '</div>');
        }
        
        if(data.errors.highlights){
            $('#highlights').addClass('has-error');
            $('#highlights').append('<div class="help-block">' + data.errors.highlights + '</div>');
        }
        
        if(data.errors.image){
            $('#image').addClass('has-error');
            $('#image').append('<div class="help-block">' + data.errors.image + '</div>');
        }
        
        if(data.errors.content){
            $('#content').addClass('has-error');
            $('#content').append('<div class="help-block">' + data.errors.content + '</div>');
        }
        
    } else {
        $('#button_area').append('<div class="alert alert-success">' + data.message + '</div>');
        alert('Success!');
    }
});


$('form').submit(function(event){

$('.form-group').removeClass('has-error');
$('.help-block').remove();

$.ajax({
type        : 'POST', 
url         : 'process.php', 
data        : formData, 
dataType    : 'json'
})


.fail(function(data) {
    console.log(data);
}
});*/

当我取消注释此部分代码混乱并且模态无法打开时。我猜我在那里搞砸了jQuery代码。

如果有人帮助我找出这段代码中的错误，我真的很感激，所以我可以让模态再次运作。

提前致谢。

编辑：控制台错误

1   Expected exactly one space between 'function' and '('.  $(document).ready(function(){
1   Expected exactly one space between ')' and '{'. $(document).ready(function(){
1   Missing space between ')' and '{'.  $(document).ready(function(){
2   Missing 'use strict' statement. $("#create_post").modal();
    enter code here

搞砸了jQuery和AJAX

0 个答案: