个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我已经查看了之前涉及相同错误的问题，但未能找到解决我的问题的可行解决方案。我的 html 代码中有一个表单(作为单页应用程序的一部分)，我希望通过 ajax 提交到我的 python 服务器。
details.html中的表单:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>A Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">`
<link href= {{ url_for("static",filename="css/bootstrap.min.css") }} rel="stylesheet" media="screen">
</head>
<body>
<div>
<form method="post">
<label for="address">Address</label>
<input class="form-control" type="text" name="address">
<label for="postalcode">Postal Code</label>
<input class="form-control" type="text" name="postalcode"><br>
<label for="city">City</label>
<input class="form-control" type="text" name="city">
<label for="country">Country</label>
<input class="form-control" type="text" id="country_indicator" placeholder="Country" name="country">
<button id="submitForm" type="submit">Submit</button>
</form>
</div>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src={{ url_for("static", filename="js/bootstrap.min.js") }}></script>
<script src={{ url_for("static", filename="js/details.js") }}></script>
</body>
</html>
如果我从 html 表单中删除“method="post"”，页面会清空表单并重新加载，但即使表单已完全填写，我也会收到上述错误。我的猜测是，表单和 JS 之间的某些内容不起作用，因为 request.json 始终返回 NoneType 对象。
详细信息.js:
$(document).ready(function() {
$("#submitForm").click(function(){
var address = $("#address").val();
var postalcode = $("#postalcode").val();
var city = $("#city").val();
var country = $("#country").val();
console.log(address);
var details = {
"address" : address,
"postalcode" : postalcode,
"city" : city,
"country" : country
}
console.log(details.city);
$.ajax({
type: "POST",
url: "/details",
data: JSON.stringify(details, null, '\t'),
contentType: 'application/json;charset=UTF-8',
success: function(result) {
console.log(result)
}
})
})
})
注意:我添加了 console.log 来进行故障排除，但 js 控制台中没有出现任何文本，这就是为什么我认为问题在此之前就已经出现了。
我的.py 文件中的相关app.route:我尚未使用details.js 中的值，我只是希望看到实际发送的内容。这就是为什么我现在只返回“ok”。
@app.route('/details', methods=['GET', 'POST'])
def details():
if request.method == "POST":
print(request.json['address']) # . TypeError: 'NoneType' object has no attribute '__getitem__' - crash appears here.
return "ok")
return render_template("details.html")
因此，由于前面步骤中的一些问题，发送到 .py 文件的对象是 NoneType 我假设。我对 python 和 JS 非常陌生，所以任何指针将不胜感激。先感谢您!
编辑:我现在还从 javascript 控制台遇到了“未捕获的 ReferenceError: $ 未定义”，但是将 jquery- 移至头部解决了该问题
最佳答案
哦!数据未正确发送到服务器!我在下面重写了您的一些代码。我希望您不介意，但表单现在将使用普通的 post 变量而不是 JSON 提交。
@app.route('/details', methods=['GET', 'POST'])
def details():
# This is our new method, notice it's a bit streamlined.
if request.method == "POST":
# We can get the post data using request.form.get(). The first variable is the name="" attribute in HTML, and the second is the default value if it wasn't found in the data.
return "The address was %s" % request.form.get('address', 'not provided! :O')
return render_template("base.html")
现在介绍 JavaScript!
$(document).ready(function() {
$("#submitForm").click(function(e){
// Prevent the HTML page from submitting the form since we're doing this by AJAX. This would cause duplications and other issues.
e.preventDefault();
// Get a FormData object from the page
var data = new FormData($('form')[0]);
// You don't HAVE to send your data by JSON, and in this instance it will be easier not to
$.ajax({
type: "POST",
url: "/details",
data: data,
processData: false,
contentType: false,
success: function(result) {
console.log(result)
}
})
})
})
希望这有帮助!如果这为您解决了问题，请不要忘记将答案标记为已解决。 :)
关于Python、 flask : TypeError: 'NoneType' object has no attribute '__getitem__' for filled form，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29270937/
25
4
0
我需要为客户端调整 bittrex api: LIMIT_BUY 或 LIMIT_SELL(和 CANCEL)订单到目前为止有效。 但是他遇到了部分填充的问题。 api 文档。在他们的网站上没有提到这
所以我发现 color 数据类型实际上是一个 int，阅读了一些有关位移位的内容，目的是让自己成为一个类来处理这个问题。 这是基本代码(没有 getters/setters，所有内容都是 public
这个问题在这里已经有了答案: Unexpected behavior using Array Map on an Array Initialized with Array Fill [duplica
当我在 zoom to fill screen 和 stretch to fill screen 之间切换时，我的应用程序会崩溃。顺便说一下，我注意到市场上很多应用程序都有这个问题。有谁知道如何避免这
Sample Text Here Sign Up 我有上面的 HTML 部分，我正在尝试
在html中我可以设置背景图片的下面属性吗？(图片在iOS中我可以像下面这样设置图片的填充属性，但我不知道html中是否有类似的属性): Scale to Fill, Aspect Fit, Aspe
我对 HTML 上一个填充和另一个填充之间的现有空间感到困扰。每个填充物都适合倾斜的一侧。我希望完全填满这条线，但还有空间。 这是示例代码: var canvas = document.createE
考虑 pygame 循环中的这一行: pygame.display.set_mode().fill((0, 200, 255)) 发件人:http://openbookproject.net/thin
我在一个系统上观察到 std::fill在大 std::vector设置常量值 0 时明显且始终较慢与常数值 1 相比或动态值: 5.8 GiB/s 对比 7.5 GiB/s 但是，对于较小的数据大小
我正在做一个元素。在那个元素中，我需要一个 div 的渐变背景。我只需要一种颜色来填充 40px。另一种颜色填充计算(100%-40px)。我从来没有这么深入地玩过渐变。我的 40px 颜色是 rgb
我正在使用的 API 的用户注册代码一直存在问题。 我有一个 UserController，它获取发布的数据并验证字段。然后它将数据发送到我的 UserService 类中的 SignUpUser 方
Facebook AudienceNetwork 加载失败:无填充，错误消息“无填充”，FaceBook android Advertise 的原因是什么？ Facebook 广告经常显示加载频率，频
我在 UITableViewCell 中使用了 UIImageView，它将填充 contentView。我尝试了不同的模式，如“缩放以填充”、“Aspect Fit”、“” Aspect Fill”
这个问题已经有答案了: Array.fill(Array) creates copies by references not by value [duplicate] (3 个回答) 已关闭 4 年前
问题 我将我的一些图像放在 /assets/images 文件夹中。然后在 layouts/_default/single.html 中，我为不同的屏幕尺寸创建了一个主图部分，如下面的代码所示。问题是
我知道有 CGContextClearRect ，尽管它可以让你清除 drawRect 类中的所有内容。我如何选择一个 CGContextRef 并清除它？对于我的情况，我的代码如下: //Put c
我有一个包含 3 列的 Tlistview，我需要来自 Tcollection 对象，如下所示 FListeDispoProduit := TListeDispoProduit.Create(TPro
有没有办法抑制babel提供的polyfill？例如，转译以下内容: const obj = { a: 1 }; const obj2 = { ...obj }; 将输出 var _extends =
如何使用 Excel 中的 VBA(所有单元格)将所有工作表填充颜色设置为无填充。与选择所有工作表相同，选择所有单元格 (Control+A) 并将填充颜色更改为无填充。 最佳答案 未经测试，但应该可
我想知道如何在数组上应用洪水填充，我的数组是二维的，其中包含 times new roman 字体类型的字母边界。边界线包含 1，内外全为 0。我只想在内部填充所有 1 而不是 0。但我需要一个不需要
我是一名优秀的程序员,十分优秀！