Question

我有一个表单，我通过包含API调用的ajax调用上传文件。如果API成功，我想更新包含文件列表的表。我想在ajax页面中调用一个javascript函数，但我得到的是未定义的函数，我通过在javascript函数之前放置clarifications.js来修复它。

这是表单（在页面顶部我包含了包含javascript函数的js文件）：

<div class='input_table_title'>Upload file:</div>
<div style='float:left;'>
<form name='upload_my_files' action='ajax/clarifications/handle_upload.php'   method='post' enctype='multipart/form-data' target='upload_target'>
<input type='file' name='file_upload' />
<input type='hidden' name='notification_id' value='<?php echo $value->NotifiNumber; ?>'  />
<input type='submit' value='Upload'>
</form>
<iframe id='upload_target' name='upload_target' src='' style='width:0;height:0;border:0px solid #fff;'></iframe>
</div>

在 handle_upload.php 我进行API调用，在页面的最后我关闭了php，把clarification.js和调用函数。

<script src="(position)/clarifications.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
createTable("<?php echo $outcome ?>", "<?php echo $uploaded_filename ?>");
</script>

在 clarifications.js 文件中我声明了该函数（正如我之前所说，我在表单页面中包含了js文件）：

function createTable (result, filename) {

 if (result == 'success'){

  var success = document.getElementById('clarification_success');

  success.style.display = "block";
  success.innnerHTML = "File "+filename+" successfully uploaded.";

  // Update the list of uploads
  var list = document.getElementById('table_clarification');
  var myElement = document.createElement("td");
  myElement.innerHTML = filename;

  list.appendChild(myElement);
 }

 return true;

}

clarification_success是一个div，我想显示一条成功消息。 table_clarification是我要添加文件名已上传的行的表的id

上传成功，但未定义功能createTable 。修改：已解决

我遇到的另一个问题是函数无法找到id“clarification_success”，我认为因为它是在普通页面而不是普通页面中查找它。我对么？如果是，我该如何解决？

注意：我担心我不能使用jQuery，只有Javascript请。

Answer 1

如果我理解正确 - iframe内容应该是单独的页面。此页面在服务器上动态构建，并作为帖子答案返回给客户端。此页面可能在标题

中包含<script src="(path)/clarifications.js"></script>

从ajax页面调用javascript函数

1 个答案: