Heim > Backend-Entwicklung > PHP-Tutorial > jQuery 中的ajax在没有获取php返回的值时,原来html的标签的值会是空白,怎么解决?

jQuery 中的ajax在没有获取php返回的值时,原来html的标签的值会是空白,怎么解决?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-06-06 20:31:18
Original
1102 Leute haben es durchsucht

先在用手机,所以无图,只能口述

a.html

<code><a id="test">no</a>
<a id="aa">1</a>
</code>
Nach dem Login kopieren
Nach dem Login kopieren

b.js
ajax传值给b.php

<code>var aa = $('#aa').html();   
.ajax({
    url:"a.php",
    type:"POST",
    data{test:test},
    success:function(data){ $('#test').html(data)} //ajax中success返回并改变test的值
    error:function(){}
});
</code>
Nach dem Login kopieren
Nach dem Login kopieren

c.php
接收到,并返回

<code>if(isset($_POST['aa']))
{
    echo "<script>alert('success');<script>";
    echo "yes";
}
else
{
     echo "<script>alert('error');<script>";
}
</script></code>
Nach dem Login kopieren
Nach dem Login kopieren

问题来了,如果php判断aa不存在的时候,弹出提示框error,那么这里的a.html的test标签的值就会有任何值,不会显示原来的值,而是空白。如何让即使错误也会显示原来的值

回复内容:

先在用手机,所以无图,只能口述

a.html

<code><a id="test">no</a>
<a id="aa">1</a>
</code>
Nach dem Login kopieren
Nach dem Login kopieren

b.js
ajax传值给b.php

<code>var aa = $('#aa').html();   
.ajax({
    url:"a.php",
    type:"POST",
    data{test:test},
    success:function(data){ $('#test').html(data)} //ajax中success返回并改变test的值
    error:function(){}
});
</code>
Nach dem Login kopieren
Nach dem Login kopieren

c.php
接收到,并返回

<code>if(isset($_POST['aa']))
{
    echo "<script>alert('success');<script>";
    echo "yes";
}
else
{
     echo "<script>alert('error');<script>";
}
</script></code>
Nach dem Login kopieren
Nach dem Login kopieren

问题来了,如果php判断aa不存在的时候,弹出提示框error,那么这里的a.html的test标签的值就会有任何值,不会显示原来的值,而是空白。如何让即使错误也会显示原来的值

一般我们是后端返回一个json格式的串,然后跟据成功或失败返回的状态不一样,再然后跟据这个返回状态去显示test标签的内容,如果成功替换,如果失败不做操作~~

success 的 function里面 判断下data是否为空 if(data.length==0) {return false}

php中理论上不应该包含这样的html代码,通常的做法是php中返回状态码来表示结果,如果失败返回错误状态码,成功则返回成功状态码以及要输出的内容,js再根据状态码来处理结果。这个状态就取决于你如何去定义了。

首先,从结果中载入<script>是一个非常恶心的行为,虽然你实现了这个效果。其次,即使你这样去做,起码在.html()之前作一个判断,你让php去判断,而不是js去判断和操作,这种思路真的很醉。</script>

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
PHP-Datenerfassung?
Aus 1970-01-01 08:00:00
0
0
0
PHP-Erweiterung intl
Aus 1970-01-01 08:00:00
0
0
0
Wie man PHP gut lernt
Aus 1970-01-01 08:00:00
0
0
0
Mehrere PHP-Versionen
Aus 1970-01-01 08:00:00
0
0
0
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage