Html 将ajax post响应拆分为两个div
我正在尝试为孩子们开发一个教程,在那里我有一个问题和答案。我试图用下面的两个div来完成这个任务。有两个div的想法是让孩子们可以打印完整的问题和解决方案,或者单击“清除解决方案”,然后打印问题,供以后练习自己解决。我正在尝试同时使用乳胶。如果我在两个文件中发出两个ajax请求,我就能够完成,比如带有问题响应的CALC_Q.PHP和带有答案响应的CALC_A.PHP,但我确信我可以在一个相同的文件中发出一个ajax请求,从而节省一些时间,并使应用程序运行得更快。如果问题和答案在同一个div中,这很容易,但是这样当我单击CLEAR SOLUTION时,它将删除我不想要的问题和答案(因为它们将在同一个div中)。我希望问题在清除解决方案后保持可见。这是一个必须或不会问的问题。第一次加载页面时,问题将不可见(我知道)。单击“计算”后,问题和答案将出现,并且问题将保持可见,直到页面关闭 我确信我在CALC.php中对两个div或json调用的响应中出错了Html 将ajax post响应拆分为两个div,html,json,ajax,post,call,Html,Json,Ajax,Post,Call,我正在尝试为孩子们开发一个教程,在那里我有一个问题和答案。我试图用下面的两个div来完成这个任务。有两个div的想法是让孩子们可以打印完整的问题和解决方案,或者单击“清除解决方案”,然后打印问题,供以后练习自己解决。我正在尝试同时使用乳胶。如果我在两个文件中发出两个ajax请求,我就能够完成,比如带有问题响应的CALC_Q.PHP和带有答案响应的CALC_A.PHP,但我确信我可以在一个相同的文件中发出一个ajax请求,从而节省一些时间,并使应用程序运行得更快。如果问题和答案在同一个div中,这
<div id="question" class="col s12 m8 l6 noselect" style = "background-color: green;">
<p id="ques"></p>
</div>
<div id="solution" class="col s12 m8 l6" style = "background-color: white;">
<p id="result"></p>
</div>
function Calc()
{
$('#loader').css('visibility', 'visible');
ajaxRequest= $.ajax({
url: 'CALC.php',
type: 'post',
data: { "num1": myvar1,
"num2": myvar2
},});
ajaxRequest.done(function(response) {
//$('#ques').text(response[q]); //this didn't work
//$('#result').text(response[a]); // this didn't work
$('#ques').text(response.q);
$('#result').text(response.a);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,"result"], function() {$('#loader').css('visibility', 'hidden');});
}
}
$number1 = $_POST['num1'];
$number2 = $_POST['num2'];
$final= $number1+$number2;
$q = $a = array();
$q = $a = null;
$q.="Add these numbers".$number1." and ".$number2;
$q.="<br> Show all work ";
$a = "$ \\text{The answer is} $.$final;
echo json_encode(array($q,$a));
return;
函数计算()
{
$('#loader').css('可见性','可见');
ajaxRequest=$.ajax({
url:'CALC.php',
键入:“post”,
数据:{“num1”:myvar1,
“num2”:myvar2
},});
ajaxRequest.done(函数(响应){
//$('#ques').text(response[q]);//这不起作用
//$(“#结果”).text(响应[a])//这不起作用
$('ques')。文本(response.q);
$(“#结果”).text(response.a);
Queue(['Typeset',MathJax.Hub,“result”],function(){$('#loader').css('visibility','hidden');});
}
}
在CALC.php中
<div id="question" class="col s12 m8 l6 noselect" style = "background-color: green;">
<p id="ques"></p>
</div>
<div id="solution" class="col s12 m8 l6" style = "background-color: white;">
<p id="result"></p>
</div>
function Calc()
{
$('#loader').css('visibility', 'visible');
ajaxRequest= $.ajax({
url: 'CALC.php',
type: 'post',
data: { "num1": myvar1,
"num2": myvar2
},});
ajaxRequest.done(function(response) {
//$('#ques').text(response[q]); //this didn't work
//$('#result').text(response[a]); // this didn't work
$('#ques').text(response.q);
$('#result').text(response.a);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,"result"], function() {$('#loader').css('visibility', 'hidden');});
}
}
$number1 = $_POST['num1'];
$number2 = $_POST['num2'];
$final= $number1+$number2;
$q = $a = array();
$q = $a = null;
$q.="Add these numbers".$number1." and ".$number2;
$q.="<br> Show all work ";
$a = "$ \\text{The answer is} $.$final;
echo json_encode(array($q,$a));
return;
$number1=$\u POST['num1'];
$number2=$_POST['num2'];
$final=$number1+$number2;
$q=$a=array();
$q=$a=null;
$q.=“添加这些数字”。$number1.“和”。$number2;
$q.=“
显示所有工作”;
$a=“$\\text{答案是}$.$final;
echo json_编码(数组($q,$a));
返回;
我最终解决了它,如下所示。我有点接近,但不是完全接近。它缺少了我发现的一条关键语句
在这个网站上,只有一个答案是死锁,而不是在请求帮助之前的其他anwwers中,这可能就是我错过它的原因。我肯定有一些语法错误。检查下面的响应语句,Mathjax语句还有两个变量:ques、result和CALC.php中的关键header语句。我通过发回一个对象,然后将内容拆分为其相应的div,无论我想在哪里:
<div id="question" class="col s12 m8 l6 noselect" style = "background-color: green;">
<p id="ques"></p>
</div>
<div id="solution" class="col s12 m8 l6" style = "background-color: white;">
<p id="result"></p>
</div>
function Calc()
{
$('#loader').css('visibility', 'visible');
ajaxRequest= $.ajax({
url: 'CALC.php',
type: 'post',
data: { "num1": myvar1,
"num2": myvar2
},});
ajaxRequest.done(function(response) {
$('#ques').text(response.myquestion);
$('#result').text(response.myanswer);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,"ques,result"], function() {$('#loader').css('visibility', 'hidden');});
}
}
}
函数计算()
{
$('#loader').css('可见性','可见');
ajaxRequest=$.ajax({
url:'CALC.php',
键入:“post”,
数据:{“num1”:myvar1,
“num2”:myvar2
},});
ajaxRequest.done(函数(响应){
$('ques').text(response.myquestion);
$('#result').text(response.myanswer);
Queue(['Typeset',MathJax.Hub,“ques,result”],function(){$('#loader').css('visibility','hidden');});
}
}
}
我的另一个文件CALC.php
$number1 = $_POST['num1'];
$number2 = $_POST['num2'];
$final= $number1+$number2;
$q = $a = array();
$q = $a = null;
$q.="Add these numbers".$number1." and ".$number2;
$q.="<br> Show all work ";
$a = "$ \\text{The answer is} $.$final;
$final_answer = array("myquestion"=>$q,"myanswer"=>$a);
header("Content-Type: application/json"); //without this statement, it wouldn't work
echo json_encode($final_answer);
$number1=$\u POST['num1'];
$number2=$_POST['num2'];
$final=$number1+$number2;
$q=$a=array();
$q=$a=null;
$q.=“添加这些数字”。$number1.“和”。$number2;
$q.=“
显示所有工作”;
$a=“$\\text{答案是}$.$final;
$final_answer=array(“我的问题”=>$q,“我的答案”=>$a);
header(“Content-Type:application/json”);//如果没有此语句,它将无法工作
echo json_encode($final_answer);
deadlock提到了此标头语句。以下是引用:
我最终解决了它,如下所示。我有点接近,但不是完全接近。它缺少了我发现的一条关键语句 在这个网站上,只有一个答案是死锁,而不是在请求帮助之前的其他anwwers中,这可能就是我错过它的原因。我肯定有一些语法错误。检查下面的响应语句,Mathjax语句还有两个变量:ques、result和CALC.php中的关键header语句。我通过发回一个对象,然后将内容拆分为其相应的div,无论我想在哪里:
<div id="question" class="col s12 m8 l6 noselect" style = "background-color: green;">
<p id="ques"></p>
</div>
<div id="solution" class="col s12 m8 l6" style = "background-color: white;">
<p id="result"></p>
</div>
function Calc()
{
$('#loader').css('visibility', 'visible');
ajaxRequest= $.ajax({
url: 'CALC.php',
type: 'post',
data: { "num1": myvar1,
"num2": myvar2
},});
ajaxRequest.done(function(response) {
$('#ques').text(response.myquestion);
$('#result').text(response.myanswer);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,"ques,result"], function() {$('#loader').css('visibility', 'hidden');});
}
}
}
函数计算()
{
$('#loader').css('可见性','可见');
ajaxRequest=$.ajax({
url:'CALC.php',
键入:“post”,
数据:{“num1”:myvar1,
“num2”:myvar2
},});
ajaxRequest.done(函数(响应){
$('ques').text(response.myquestion);
$('#result').text(response.myanswer);
Queue(['Typeset',MathJax.Hub,“ques,result”],function(){$('#loader').css('visibility','hidden');});
}
}
}
我的另一个文件CALC.php
$number1 = $_POST['num1'];
$number2 = $_POST['num2'];
$final= $number1+$number2;
$q = $a = array();
$q = $a = null;
$q.="Add these numbers".$number1." and ".$number2;
$q.="<br> Show all work ";
$a = "$ \\text{The answer is} $.$final;
$final_answer = array("myquestion"=>$q,"myanswer"=>$a);
header("Content-Type: application/json"); //without this statement, it wouldn't work
echo json_encode($final_answer);
$number1=$\u POST['num1'];
$number2=$_POST['num2'];
$final=$number1+$number2;
$q=$a=array();
$q=$a=null;
$q.=“添加这些数字”。$number1.“和”。$number2;
$q.=“
显示所有工作”;
$a=“$\\text{答案是}$.$final;
$final_answer=array(“我的问题”=>$q,“我的答案”=>$a);
header(“Content-Type:application/json”);//如果没有此语句,它将无法工作
echo json_encode($final_answer);
deadlock提到了此标头语句。以下是引用:
Hi您返回的是json,因此需要对其进行解析,或者您可以设置
数据类型:“json”
Hi您返回的是json,因此需要对其进行解析,或者您可以设置数据类型:“json”