Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 JQuery';s的ajax post请求无法正常工作';应该是_Php_Jquery_Ajax_Post - Fatal编程技术网

Php JQuery';s的ajax post请求无法正常工作';应该是

Php JQuery';s的ajax post请求无法正常工作';应该是,php,jquery,ajax,post,Php,Jquery,Ajax,Post,该页面的链接是:localhost/mysite/create user 代码如下: <form class="form-horizontal" name = "signUp1F" id = "signUp1F"> <input class="input-xlarge focused" name="pskil" id ="pskil" type="text" placeholder = "Doctor, Trainer, Human Re

该页面的链接是:localhost/mysite/create user

代码如下:

        <form class="form-horizontal" name = "signUp1F" id = "signUp1F">
            <input class="input-xlarge focused" name="pskil" id ="pskil" type="text" placeholder = "Doctor, Trainer, Human Resource etc.">
            <input type="hidden" name="neoid" id="neoid" value="<?php echo $neoid; ?>" />
            <span><button id = "plus" class="btn btn-success">Plus</button></span>
            <div id="skillsAdded"></div>
        </form>


问题是您的按钮标签需要提交表单。这里是一个更新的JavaScript源代码,您可以使用它。jQuery为事件提供了一个内置的preventDefault()方法。例如,这将阻止按钮提交表单

<script type="text/javascript">
    $('#plus').click( function(event){
        event.preventDefault();

        var pskil = $('#pskil').val();
        var neoid = $('#neoid').val();
        if( !pskil){
            alert( "Please write a skill.");
            return false;
        }

        $.ajax({
            type: 'post',
            url: "localhost/mysite/add-skill",
            data: { pskil: pskil, neoid: neoid},
            success: function( response){
                $('#skillsAdded').append( pskil + "<br>");
                return false;
            }
        });
    });
</script>

$('#plus')。单击(函数(事件){
event.preventDefault();
var pskil=$('#pskil').val();
var neoid=$('#neoid').val();
如果(!pskil){
警惕(“请写一个技巧。”);
返回false;
}
$.ajax({
键入:“post”,
url:“localhost/mysite/add skill”,
数据:{pskil:pskil,neoid:neoid},
成功:功能(响应){
$('#skillsAdded')。追加(pskil+“
”); 返回false; } }); });

试用:

孤独按钮提交表单,这是我的答案。preventDefault()或单击事件返回false。我在没有按钮的情况下进行了本地测试,为错误的答案道歉。@Alexander,哪个按钮比较孤独?
<script type="text/javascript">
    $('#plus').click( function(event){
        event.preventDefault();

        var pskil = $('#pskil').val();
        var neoid = $('#neoid').val();
        if( !pskil){
            alert( "Please write a skill.");
            return false;
        }

        $.ajax({
            type: 'post',
            url: "localhost/mysite/add-skill",
            data: { pskil: pskil, neoid: neoid},
            success: function( response){
                $('#skillsAdded').append( pskil + "<br>");
                return false;
            }
        });
    });
</script>