Java開発の過程で、子ページが親ページに表示される多くの一般的な状況がありますが、2つのページ間で値を渡す方法は同じではありません。今日、開発プロセス中に、私は自分を見つけるのに問題子ページの価値を親ページに渡すことができない一日の調査の結果、ようやく解決策を見つけました。忘れないようにこの記事を書いたほか、大きな人たち。文章は良くありません、許してください。
子ページから親ページに値を渡す方法はたくさんあります。たとえば、子ページはフォームフォームを介してデータを処理した後、子ページを閉じ、親ページを更新したり、バックグラウンドは2つのデータの送信を実現できます。または、子ページを直接非表示のdivにすると、jsは2つのdivを操作できるため、親ページと子ページのデータを通信できます。これは現在ほとんどのWebページで使用されている方法でもありますが、今日作成したシステムではこのような方法は使用されておらず、2ページしか使用されていません。親ページのボタンをクリックして子ページにジャンプすると、子ページは次のようになります。生成されたページ。コーディング後、図に示すように、データを親ページに戻します。これは
親ページです。
これは子ページ
です。私は多くの方法を研究し、最後に少し変更を加えて、送信ボタンを変更しました。ボタンに移動し、メソッドFunctionでコールバックコールバックを使用すると、コードは次のようになります。
親ページ:
$(this).attr("data-modal-size", "modal-full").popupDialog({
title: "自助取号",
url: url,
callback: function () {
backDate();
}
})
サブページ:
$("#purchaseDemandAdd4").on("click", function () {
var _this=$(this);
var year = $("#year").val();
var purchaseType = $("#purchaseType").val();
var serialNumber = $("#serialNumber").val();
var projectCode = $("#projectCode").val();
var poId = $("#poId").val();
$.ajax({
type: 'POST',
url: WEB_ROOT + '/admin/purchase/purchase-contract/saveNumber',
async:false,
data: {
year: year,
purchaseType:purchaseType,
serialNumber:serialNumber,
projectCode:projectCode,
poId:poId
},
dataType: "json",
success: function(data) {
var $dialog = _this.closest(".modal");
var callback = $dialog.data("callback");
if (callback) {
callback.call(_this);
}
Global.notify("success", "数据保存成功!");
},
error : function(){
Global.notify("error", "数据加载处理失败,请尝试刷新或联系管理员!");
}
});
成功しているコードはキーコードです。