Javascript加载和发布

时间:2014-11-18 05:36:11

标签: ajax

我在javascript中有这个功能

function save(){
//$("#complex").submit();
//Complex List
$(document).ready(function(){
    var proofer_filter = document.getElementById('proofer').value;
    var proofer_filter = proofer_filter.split(' ').join('_')
    var status_filter = document.getElementById('status_filter').value;
    var status_filter = status_filter.split(' ').join('_');
    var cstart = document.getElementById('cstart').value;
    var cstart = cstart.split(' ').join('_');
    var cend = document.getElementById('cend').value;
    var cend = cend.split(' ').join('_');
    $("#complex_list").load("pages/complexlist.php?proofer="+proofer_filter+"&status_filter="+status_filter+"&start="+cstart+"&end="+cend+"&dept=<?php echo str_replace(" ","_",$department)?>");
    }
);

//Complex Form
var account_type = document.getElementById('account_type').value;
var account_type = account_type.split(' ').join('_');
var log_id = document.getElementById('complexid').value;

$(document).ready(function(){
    $("#show_form").load("pages/complexform.php?refno="+log_id+"&dept="+account_type+"&user=<?php echo str_replace(" ","_",$user)?>&save=y");
    }
);
}

这是一个包含两个div的页面,其中每个div加载一个远程页面。其中一个div是一个带有提交按钮的表单。单击它时,表单值不会发布。因此我不能将它用作php变量。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

将您的javascript分成两部分

<script>
$(document).ready(function(){
    $("#complex_list").load("pages/complexlist.php?proofer="+proofer_filter+"&status_filter="+status_filter+"&start="+cstart+"&end="+cend+"&dept=<?php echo str_replace(" ","_",$department)?>");
    $("#show_form").load("pages/complexform.php?refno="+log_id+"&dept="+account_type+"&user=<?php echo str_replace(" ","_",$user)?>&save=y");
    saveForm.init();
});

当有人点击你的保存按钮时,你还需要创建保存表单和事件监听器的功能。

var saveForm= {
    init: function () {
    $('#submit-button').on('click', function () {
        //only set all of your values if you are planning to submit an ajax form otherwise just submit the form with the last line of the event listener.
        var proofer_filter = document.getElementById('proofer').value;
        var proofer_filter = proofer_filter.split(' ').join('_')
        var status_filter = document.getElementById('status_filter').value;
        ....
        etc
        //make sure to put your submit form in here too.
        $( "#form" ).submit();
        //if you are using ajax to submit the form, use the variables above to pass into the ajax call.
    });
    }
}

</script>

如果您不知道哪里出错,请在开发时使用Chrome中的开发者工具(F12)