热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

谷歌应用引擎,Ajax,文件上传,-Googleappengine,Ajax,fileupload,

OnthegoogleAppEngine,Iwouldliketousejavascript(orAjax)toPOSTaformandthenupdateth

On the google App Engine, I would like to use Javascript (or Ajax) to POST a form and then update the target div. The form contains a lot of fields and files to transfer. The Javascript function is copied from the "Javascript: The Definite Guide" book. I have 2 questions:

在谷歌App Engine上,我想使用Javascript(或Ajax)POST一个表单,然后更新目标div。表单包含许多要传输的字段和文件。 Javascript函数是从“Javascript:The Definite Guide”一书中复制而来的。我有两个问题:

  1. In "form.html", how do I prepare the "data" argument for the postFormData() function so that I can pass all the fields and files.
  2. 在“form.html”中,如何为postFormData()函数准备“data”参数,以便我可以传递所有字段和文件。
  3. How to design the callback function, so that the response (i.e., "form.html") may update the content div?
  4. 如何设计回调函数,以便响应(即“form.html”)可以更新内容div?

Thanks for your help.

谢谢你的帮助。

base.html:

base.html文件:

...
{% include "form.html" %}
Image:

...

form.html

form.html


  name1: {{ name1 }}

name2: {{ name }}

... file1: {{ file1 }}

file2: {{ file2 }}

...

3 个解决方案

#1


1  

When you do a Form POST (user clicks submit button or called via JS) then browser will reload the window and display the result of the POST. This is obviously not what you want.

当您执行表单POST(用户单击提交按钮或通过JS调用)时,浏览器将重新加载窗口并显示POST的结果。这显然不是你想要的。

The workaround is to have a hidden

#2


1  

and now simple image upload here:

现在简单的图片上传到这里:

HTML

HTML


 name: 

file:

JQUERY

JQUERY

$(document).ready(function() 
{ 
$('.submit').on('click', function() 
{
if($(".name").val()==""){
$(".name").val("Enter Name Here")
}
else { 
var s = $(".name").val();
var n = $(".imageform").attr("action");
$(".imageform").attr("action", function() {
return s+n;
}
$("#callback").html('Uploading.....');
$(".imageform").ajaxForm(
{
target: '#callback'
}).submit();
}
});
});

also include this link in head:

还包括这个链接:


hey man all the text which will echo in php file will be shown in #callback. So, if you want to preview image please echo there html and do not remove that action=/form/index.php?name= and also in php file type $name=$_GET['name'];

嘿,所有将在php文件中回显的文本将显示在#callback中。所以,如果你想要预览图像,请回显那里的html,不要删除那个动作= / form / index.php?name =和php文件类型$ name = $ _ GET ['name'];

#3


0  

I came up with the following code. But, strangely, it worked sometimes, other times it didn't. When it failed, the error message displayed in Firebug was "ReferenceError: $ is not defined". Can somebody tell me what the problem is and if this is a correct solution? Thanks.

我想出了以下代码。但是,奇怪的是,它有时会起作用,有时却没有。失败时,Firebug中显示的错误消息是“ReferenceError:$未定义”。有人能告诉我问题是什么,以及这是否是正确的解决方案?谢谢。

$(document).ready(function() { 
    // bind 'myForm' and provide a simple callback function 
    $('#myForm').ajaxForm(function(returnData) {
        $('#content').html(returnData)
    }); 
});

推荐阅读
  • 本文详细解析了JSONP(JSON with Padding)的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术,其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景,还深入探讨了其具体实现过程,包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外,还分析了JSONP的优势和局限性,帮助读者全面理解这一技术在现代Web开发中的应用。 ... [详细]
  • 本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明,帮助读者快速掌握该模块的使用方法。在疫情期间,作者重新审视并研究了这一未被充分利用的模块,最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现,还涵盖了调试过程中遇到的常见问题及其解决方法,为初学者提供了宝贵的参考。 ... [详细]
  • 本文介绍了如何使用Python爬取妙笔阁小说网仙侠系列中所有小说的信息,并将其保存为TXT和CSV格式。主要内容包括如何构造请求头以避免被网站封禁,以及如何利用XPath解析HTML并提取所需信息。 ... [详细]
  • Cookie学习小结
    Cookie学习小结 ... [详细]
  • python模块之正则
    re模块可以读懂你写的正则表达式根据你写的表达式去执行任务用re去操作正则正则表达式使用一些规则来检测一些字符串是否符合个人要求,从一段字符串中找到符合要求的内容。在 ... [详细]
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • HTTP(HyperTextTransferProtocol)是超文本传输协议的缩写,它用于传送www方式的数据。HTTP协议采用了请求响应模型。客服端向服务器发送一 ... [详细]
  • 为什么多数程序员难以成为架构师?
    探讨80%的程序员为何难以晋升为架构师,涉及技术深度、经验积累和综合能力等方面。本文将详细解析Tomcat的配置和服务组件,帮助读者理解其内部机制。 ... [详细]
  • 本文介绍了如何在 ASP.NET 中设置 Excel 单元格格式为文本,获取多个单元格区域并作为表头,以及进行单元格合并、赋值、格式设置等操作。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 本文深入解析了HTML框架集(FRAMESET)的使用方法及其应用场景。首先介绍了几个关键概念,如如何通过FRAMESET标签将主视图划分为多个独立的区域,每个区域可以加载不同的HTML文件。此外,还详细探讨了FRAMESET在实际开发中的优缺点,并提供了具体的实例代码,帮助开发者更好地理解和应用这一技术。 ... [详细]
  • 本次发布的Qt音乐播放器2.0版本在用户界面方面进行了细致优化,提升了整体的视觉效果和用户体验。尽管核心功能与1.0版本保持一致,但界面的改进使得操作更加直观便捷,为用户带来了更为流畅的使用体验。此外,我们还对部分细节进行了微调,以确保软件的稳定性和性能得到进一步提升。 ... [详细]
  • centos 7.0 lnmp成功安装过程(很乱)
    下载nginx[rootlocalhostsrc]#wgethttp:nginx.orgdownloadnginx-1.7.9.tar.gz--2015-01-2412:55:2 ... [详细]
  • malloc 是 C 语言中的一个标准库函数,全称为 memory allocation,即动态内存分配。它用于在程序运行时申请一块指定大小的连续内存区域,并返回该区域的起始地址。当无法预先确定内存的具体位置时,可以通过 malloc 动态分配内存。 ... [详细]
author-avatar
2233
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有