Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 输入以提交而不是刷新_Php_Jquery_Html - Fatal编程技术网

Php 输入以提交而不是刷新

Php 输入以提交而不是刷新,php,jquery,html,Php,Jquery,Html,可能重复: 我有以下表单结构 我的表格结构: <form name="form"> <label>Name:</label> <input type="text" name="name" id="id" size="50"/></br> <label></label> <input type="button" value="Get Info" onClick="get();"> </fo

可能重复:

我有以下表单结构

我的表格结构:

<form name="form">
<label>Name:</label>  
<input type="text" name="name" id="id" size="50"/></br>
<label></label> 
<input type="button" value="Get Info" onClick="get();">
</form>
<div id="age"></div>
现在,当我使用按钮(input type=“button”)发布信息时,效果很好,但当我填写信息并按键盘上的enter键时,页面会刷新


如何使用Enter按钮发布信息?

尝试
返回false在您的函数中。这将停止按钮的正常行为:

function get() {
    $.post('XXX.php', { name: form.name.value },
    function(output){
        $('#age').html(output).show();

    });
    return false;
}

尝试
返回false在您的函数中。这将停止按钮的正常行为:

function get() {
    $.post('XXX.php', { name: form.name.value },
    function(output){
        $('#age').html(output).show();

    });
    return false;
}

很多时候,在非文本区域字段中按enter键时,
表单中的默认行为是提交,即使未按提交按钮或提交按钮不存在

试试这个:

<form name="form" onsubmit="get();return false;">

很多时候,在非文本区域字段中按enter键时,
表单中的默认行为是提交,即使未按提交按钮或提交按钮不存在

试试这个:

<form name="form" onsubmit="get();return false;">

我做的有点不同(这可能意味着这是错误的方式)。我根本不做表格。我只是创建输入、选择等。。然后当我写我的帖子时,我只得到函数调用的值

$.ajax({

        type: "POST",

        url: "someFile.php",

        data: { 'name': $("#ElementID").val()},

        success: function(data) {

            //some function....

            {
});

希望这可能会有帮助……

我做的有点不同(这可能意味着这是错误的方式)。我根本不做表格。我只是创建输入、选择等。。然后当我写我的帖子时,我只得到函数调用的值

$.ajax({

        type: "POST",

        url: "someFile.php",

        data: { 'name': $("#ElementID").val()},

        success: function(data) {

            //some function....

            {
});

希望这可能会有所帮助……

我看到您将此作为jQuery发布,所以我想我会给您一个使用该功能的解决方案

$('form[name=form]').submit(function(e) {
  var $form = $(this);
  $.post( $form.attr('action'), $form.serializeArray(), function( result ) {
    $('#age').html( result ).show();
  });
  e.preventDefault();
});
这将使您不必为数据参数创建疯狂的json对象,也不必使用表单的action属性重复自己。这也将保持浏览器的行为,在输入时按enter键将提交表单


。表单操作文件中唯一的内容是

我看到您将此作为jQuery发布,所以我想我会给您一个使用它的解决方案

$('form[name=form]').submit(function(e) {
  var $form = $(this);
  $.post( $form.attr('action'), $form.serializeArray(), function( result ) {
    $('#age').html( result ).show();
  });
  e.preventDefault();
});
这将使您不必为数据参数创建疯狂的json对象,也不必使用表单的action属性重复自己。这也将保持浏览器的行为,在输入时按enter键将提交表单


。表单操作文件中的唯一内容是

我认为使用return false不符合我的目的它不适用于任何地方我认为使用return false不符合我的目的它不适用于任何地方确实,提交事件与单击不同。确实,提交事件与单击不同。