允许AJAX Post.如果字段不为空，请单击

Allow AJAX Post on.click if a field is not empty?

本文关键字：请单击 字段 AJAX Post 如果 允许      更新时间：2023-09-26

有许多帖子可以防止提交时的默认值，但是这个.click已经以防止默认值开始，以便在ajax帖子之前对数据执行算法。

总是需要一个字段，这似乎是有意义的，但还没有工作:

$(document).ready(function(){
  $('#formBtn').click(function(e) {
    e.preventDefault();
    // some algorithms
    var title = $( "#newTitle" ).val();
    if title.value.length != 0 {
      console.log('there is a title');
      // make an ajax call
      $.ajax({
        dataType: 'json',
        data: AjaxPostData,
        type: 'post',
            url:"http://localhost:4200/api/v1/stories",
            success: successFunction,
            error: errorFunction
        });
    };
  });
}); // doc is ready

HTML是这样的:

<div class="newTitle">
  <input type="text" class="formFormat" id="newTitle" placeholder="Title Goes Here" />
</div>
<button type="submit" class="btn" id="formBtn">Enter</button>

假设您已经定义了称为successFunction和errorFunction的函数，那么您应该只需要修复这一行:

if title.value.length != 0 {

通过添加父元素并删除.value(可能使用!==):

if (title.length !== 0) {

这应该使代码功能，但在评论中提出的建议也值得追求。

相关文章：