如何使用Javascript从iFrame响应中设置隐藏字段值？(How do I set Hidden field values from an iFrame response with Javas

如何使用Javascript从iFrame响应中设置隐藏字段值？(How do I set Hidden field values from an iFrame response with Javascript?)

我在根据从iFrame消息收到的值提交表单时尝试填充3个隐藏的HTML文件。此表单是使用Drupal Form API构建的

在页面加载时，我将3个隐藏字段附加到表单并设置eventListener

setupMonerisHiddenFormElements() { $('<input type="hidden">').attr({ id: 'responseCode', name: 'responseCode', }).appendTo('form'); $('<input type="hidden">').attr({ id: 'dataKey', name: 'dataKey', }).appendTo('form'); $('<input type="hidden">').attr({ id: 'errorMessage', name: 'errorMessage', }).appendTo('form'); } window.onload = function() { is_production = Drupal.settings.moneris_payment_processor.is_production; qa_gateway_url = Drupal.settings.moneris_payment_processor.qa_gateway_url; prod_gateway_url = Drupal.settings.moneris_payment_processor.prod_gateway_url; gateway_url = ((is_production) ? qa_gateway_url : prod_gateway_url); if (window.addEventListener) { window.addEventListener("message", processMonerisResponse, false); } else { if (window.attachEvent) { window.attachEvent("onmessage", processMonerisResponse); } } setupMonerisHiddenFormElements(); }

我可以在表单上看到这些字段。这不是问题。

提交表单时，此Drupal表单属性调用函数submitMonerisIframe（）：

$form['#attributes'] = array('OnSubmit' => 'submitMonerisIframe();');

在这里我发布消息，可以看到我的processMonerisResponse（）函数被调用（见下文）

function submitMonerisIframe() { var monFrameRef = document.getElementById('monerisFrame').contentWindow; monFrameRef.postMessage('',gateway_url); }

我添加了调试。当我提交表单时，我可以看到正确设置了隐藏值。

function processMonerisResponse(e) { console.log(e.data); this.respData = eval("(" + e.data + ")"); $('#responseCode').attr('value',respData.responseCode); $('#errorMessage').attr('value',respData.errorMessage); $('#dataKey').attr('value',respData.dataKey); console.log("---------- RESPONSE -----------------"); console.log("responseCode: " + $('#responseCode').attr('value')); console.log("errorMessage: " + $('#errorMessage').attr('value')); console.log("dataKey: " + $('#dataKey').attr('value')); console.log("-------------------------------------"); e.preventDefault(); }

控制台的结果：

{ “responseCode”： “001”， “dataKey”： “OT-QQHTTg4EDGgBa4mkc0KrCGkPJ”， “彬”： “378734”}

----------回复-----------------

responseCode：001

错误信息：

dataKey：ot-QQHTTg4EDGgBa4mkc0KrCGkPJ

但是当我检查$ _POST []数据时，隐藏的字段在那里但是是空的。

我花了好几个小时尝试不同的东西但似乎什么都没有用

提前致谢！

I am trying to populate 3 hidden HTML files upon submitting a form based on values received from an iFrame message. This form is built using the Drupal Form API

On page load, I append 3 hidden fields to the form and setup the eventListener

setupMonerisHiddenFormElements() { $('<input type="hidden">').attr({ id: 'responseCode', name: 'responseCode', }).appendTo('form'); $('<input type="hidden">').attr({ id: 'dataKey', name: 'dataKey', }).appendTo('form'); $('<input type="hidden">').attr({ id: 'errorMessage', name: 'errorMessage', }).appendTo('form'); } window.onload = function() { is_production = Drupal.settings.moneris_payment_processor.is_production; qa_gateway_url = Drupal.settings.moneris_payment_processor.qa_gateway_url; prod_gateway_url = Drupal.settings.moneris_payment_processor.prod_gateway_url; gateway_url = ((is_production) ? qa_gateway_url : prod_gateway_url); if (window.addEventListener) { window.addEventListener("message", processMonerisResponse, false); } else { if (window.attachEvent) { window.attachEvent("onmessage", processMonerisResponse); } } setupMonerisHiddenFormElements(); }

I can see these fields are being added on the form. This is not the problem.

When the form gets submitted the function submitMonerisIframe() is called by this Drupal form attribute:

$form['#attributes'] = array('OnSubmit' => 'submitMonerisIframe();');

Here i am posting the message and can see that my processMonerisResponse() function is being called (see below)

function submitMonerisIframe() { var monFrameRef = document.getElementById('monerisFrame').contentWindow; monFrameRef.postMessage('',gateway_url); }

I have added my debugging. When I submit the form, I can see that the hidden values are being set correctly.

function processMonerisResponse(e) { console.log(e.data); this.respData = eval("(" + e.data + ")"); $('#responseCode').attr('value',respData.responseCode); $('#errorMessage').attr('value',respData.errorMessage); $('#dataKey').attr('value',respData.dataKey); console.log("---------- RESPONSE -----------------"); console.log("responseCode: " + $('#responseCode').attr('value')); console.log("errorMessage: " + $('#errorMessage').attr('value')); console.log("dataKey: " + $('#dataKey').attr('value')); console.log("-------------------------------------"); e.preventDefault(); }

Result from the console:

{"responseCode":"001","dataKey":"ot-QQHTTg4EDGgBa4mkc0KrCGkPJ","bin":"378734"}

---------- RESPONSE -----------------

responseCode: 001

errorMessage:

dataKey: ot-QQHTTg4EDGgBa4mkc0KrCGkPJ

But when I inspect the $_POST[] data the hidden fields are there but are empty.

I spent hours trying different things but nothing seems to work.

Thanks in advance!