Question

我很困惑如何在javascript / jquery中编写代码以允许正确提交我的表单。我目前有一个函数来处理一个on-click事件，它加载了正确的表单。但是，表单无法成功提交。我正在使用.submit（）函数，但我想我在这里遗漏了一些东西。我相信我必须在该函数中放置的URL将是在onclick函数中动态加载的URL。有合理的方式来传递这些信息吗？还是我弄错了？我已经确认已加载正确的URL，并且如果手动访问URL，则表单的行为与预期相符。此问题似乎是加载URL

所特有的

来自select_my_book.html（要加载的网址）

   <form action="" method="POST" id="submitForm">
        {% csrf_token %}
        <!-- Code to render form elements -->
        <input type="submit" value = "Buy" id="submit">
    </form>

来自get_my_book.html的

（带有标签/ jumbotron的当前网址）

{% for course in userprofile.courses.all%}
    <div class="minicoursenav">
      <a class='course_link' data='{{ course.pk }}' href='#' type="submit">
          {{ course.name }}
      </a>
    </div>
{% endfor %}

来自activate.js

function selectConditionURL(criterion, condition){
    var url = "/books/select_my_book/"
    return(url+ condition + "/" + criterion + "/")

}

function selectCourseURL(criterion){
    var url = "/books/select_my_book/best_price/";
    return (url + criterion + "/"); 
}

$('.course_link').click(function(e) {
    e.preventDefault();
    var course_pk = $(this).attr('data');
    /*alert( course_pk );*/
    var url = selectCourseURL(course_pk);
    /*alert( url );*/
    $("#best_price").load(url);
    $("#very_good").load(selectConditionURL(course_pk, "very_good_condition"));
    $("#good").load(selectConditionURL(course_pk, "good_condition"));
    $("#fine").load(selectConditionURL(course_pk, "fine_condition"));
    return false;
})

$(document).ready(function() {
    $("#submitForm").submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            /* NOT SURE WHAT SHOULD GO HERE */
            success: function(response) {
                console.log(response)
            }
        });
        return false; 
    })
})

表单未提交，jquery加载，提交

0 个答案: