PHP AJAX -可以<input>元素具有“作用”;就像<form>所做的事

PHP AJAX - Can an <input> element have "action" just like how a <form> does?

本文关键字：form 就像 作用 可以 AJAX input 元素 PHP      更新时间：2023-09-26

表单有一个action属性来指定要发送到哪里(例如一个.php文件)。<input>元素是否具有action属性?

    答案很可能是否定的。但我想知道我在这里弄错了什么概念?
  1. <input>是否有相应的action ?
  2. 我问这个问题的原因是我有几个复选框，我希望使用AJAX向PHP文件触发一些东西，这样当复选框被选中时，div就会发生变化(我不想重新加载整个页面)。我该怎么做呢?

在这个阶段我还在起草代码，但是在这里可以看到一个例子。

感谢您的建议!

根据评论，听起来您确实希望在任何数量的复选框可能被更改时发送一些内容。

添加一个事件处理程序到所有这些，序列化()的形式，并张贴它每当他们中的任何一个变化

var $form =$('#myForm'); 
$form.find(':checkbox').change(function(){
     var formData = $form.serialize();
     $.post('/someFile.php', formData, function(response){
         // do something with response
     }).fail(function(){
         alert("Oops something bad happened');
     });
});

使用jQuery AJAX方法

AJAX是一门与服务器交换数据和更新网页部分内容的艺术，而无需重新加载整个页面。

, 

$(document).ready(function(){
    $("button").click(function(){
    // You can call ajax on any event of html element like checkbox checked, dropdown changed
        $.ajax({url: "demo_test.txt", success: function(result){
            $("#div1").html(result);
        }});
    });
});

$(document).on('change', '#checkboxid', function() {
    if ($(this).is(':checked')) {
        $('#container').load('pages/somephpfile.php');
    }
});

使用.load()更改复选框

  1. 你不能根据复选框的状态来设置加载哪个php文件。
也

$(document).on('change', '#checkboxid', function() {
    $.ajax({
        type: 'POST',
        url: 'somephp.php',
        dataType: "html",
        success: function(data) {
            $('#container').html(data) //load the data from somephp.php here
        }
    });
});
相关文章：