我正在正确地使用表格进行数字对话。我最近添加的是一个测试 Ajax 请求。我的代码不起作用,所以我从dojo 网站文章中剪切并粘贴了代码。当我将它嵌入到我的工作 dijit 按钮中时,我得到了错误:
“未定义”不是函数(评估“request.post”)
这是我复制的:
require(["dojo/request"], function(request){
request.post("post-content.php", {
data: {
color: "blue",
answer: 42
},
headers: {
"X-Something": "A value"
}
}).then(function(text){
console.log("The server returned: ", text);
});
});
这是我的脚本:
<script>
require(["dojo/dom",
"dijit/Dialog",
"dijit/form/Form",
"dijit/form/TextBox",
"dijit/form/ValidationTextBox",
"dijit/form/Textarea",
"dijit/form/Button",
"dojox/validate/web",
"dojo/request",
"dojo/domReady!"],
function(dom, Dialog, Form, TextBox, ValidationTextBox, TextArea, Button, request){
alertDialog = new Dialog({
title: "Email Result",
content: "<p>No Content</p>",
sytle: "width 30em"
});
emailDialog = new Dialog({
title: "Email Form",
content: dom.byId("emailFormHTML").textContent,
style: "width: 50em"
});
emForm = new Form({
/*onSubmit: function(){
return this.validate();
}*/
},"contact-form");
toText = new TextBox({
readOnly: "readOnly",
value: "Staff"
},"to");
nameText = new ValidationTextBox({
placeholder: "Your Name",
required: "true",
missingMessage: "We'd like to know who you are."
},"name");
emailText = new ValidationTextBox({
placeholder: "Your email",
validator: dojox.validate.isEmailAddress,
invalidMessage: "This is not a valid email address!"
},"email");
messageText = new TextArea({
placeholder: "Your message"
},"message");
sendBtn = new Button({
label: "Send",
onClick: function(){
if (emForm.validate() == true){
emailDialog.hide();
request.post("send-message.php", {
data: {
color: "blue",
answer: 42
},
headers: {
"X-Something": "A value"
}
}).then(function(text){
console.log("The server returned: ", text);
});
}
}
},"submit-btn");
});
require(["dojo/dom",
"dijit/form/Button",
"dojo/domReady!"],
function(dom, Button)
{
var showEmailBtn = new Button({
onClick: function(){
toText.set("value","Executive Director");
emailDialog.show(); } },
"showEmail");
});
</script>
我唯一改变的是 php 文件的名称。我感觉它与函数头有关,但我看不到它。
更新
我想我解决了一个问题并导致了另一个问题。我将函数头更改为:
require(["dojo/dom",
"dojo/request",
"dojo/dom-form",
"dijit/Dialog",
"dijit/form/Form",
"dijit/form/TextBox",
"dijit/form/ValidationTextBox",
"dijit/form/Textarea",
"dijit/form/Button",
"dojox/validate/web",
"dojo/domReady!"],
function(dom, request, domForm, Dialog, Form, TextBox, ValidationTextBox, TextArea, Button ){
这消除了第一个错误。如果这是声明标头的正确方法,我想知道规则是什么。显然,事情必须有某种顺序。
现在我得到错误:
网络问题
加载资源失败:服务器响应状态为 500(内部服务器错误)
这是在 Safari 中。我在同一个网站上有另一个测试页面可以很好地执行 AJAX。
当我在 Firefox 中尝试它时,我在控制台上收到了这个错误:
[23:24:20.081] 未声明 HTML 文档的字符编码。如果文档包含 US-ASCII 范围之外的字符,则文档将在某些浏览器配置中呈现乱码。页面的字符编码必须在文档或传输协议中声明。@http ://test.loc/dojodialog/index.php
是否必须有格式正确的标题?我没有在任何例子中看到它。
回答
愚蠢的编程错误。这是php文件中的错误。我复制了另一个 php 文件并编辑了我不需要的内容。我没有注意到我留下了一个右括号,所以 php 执行失败了。现在我知道如果我收到 500 错误,请查看我的服务器端代码。