使用 ajax 显示 php 响应文本
Show php response text with ajax
我有一个函数来更改我的选择,显示来自php的一些文本。我正在使用 ajax 来执行此请求而无需重新加载整个页面。对我来说的问题是我有一个类有很多div,我想显示ajax与我更改的选择匹配的结果:
<div class="x">
<select class="mySelect">
<option>1</option>
<option>2</option>
</select>
<div class="showHere">php text requested with ajax</div>
</div>
<div class="x">
<select class="mySelect">
<option>1</option>
<option>2</option>
</select>
<div class="showHere">php text requested with ajax</div>
</div>
<div class="x">
<select class="mySelect">
<option>1</option>
<option>2</option>
</select>
<div class="showHere">php text requested with ajax</div>
</div>
ajax 中的行:
document.getElementById("div").innerHTML = xmlhttp.responseText;
我想在div 类"showHere"中显示响应,但在正确的div 中,换句话说,在与我的选择匹配的div 中,我已经更改了,明白了吗?我不知道是否有可能...
或者你可以使用事件的发送者并缩短整个事情。在以下元素中填充 AJAX 调用的结果(这要求div 始终直接位于选择之后)。
使用此代码,您可以获得触发事件的元素(event.srcElement 是用户使用 ie 时无法正确解释 event.target 的后备
):var target = event.target || event.srcElement;
此部分在您选择后选择下一个元素:
var nextDiv = target.nextSibling;
现在添加您的回复:
nextDiv.innerHTML = xmlhttp.responseText;
你肯定需要一些东西来区分div。 可以给他们一个 ID,并将其作为事件中的参数传递给 AJAX 函数。
div class="x">
<select class="mySelect">
<option>1</option>
<option>2</option>
</select>
<div class="showHere" id="first">php text requested with ajax</div>
</div>
<div class="x">
<select class="mySelect">
<option>1</option>
<option>2</option>
</select>
<div class="showHere" id="second">php text requested with ajax</div>
</div>
<div class="x">
<select class="mySelect">
<option>1</option>
<option>2</option>
</select>
<div class="showHere" id="third">php text requested with ajax</div>
</div>
In your script:
function ajaxCall(id_of_target_div) {
...
document.getElementById(id_of_target_div).innerHTML = xmlhttp.responseText ;
}
相关文章:
- 无法获取SOAP请求的响应文本
- Ajax 响应文本
- Jquery函数来验证响应文本
- Ajax响应文本始终为1
- XMLHttpRequest 的响应文本在 Mozilla 中为 null(空白)
- AJAX 响应文本为空
- 返回了JS对象,但响应文本不起作用
- 遍历响应文本
- AJAX 响应文本不匹配
- 原型 AJAX 响应文本缺少 javascript
- XHR 响应文本为空字符串
- 如何获取响应文本
- 将 AJAX 响应文本加载到 DIV 中
- 以优雅的方式将响应文本解析为键值对
- 使用 ajax 显示 php 响应文本
- 在 coffeescript 中迭代 json 响应文本
- AJAX 调用响应文本为空
- 如何从响应文本获取 JSON 字符串到 JavaScript 中
- 从单独的文件返回 AJAX 响应文本
- AJAX:响应文本在本地返回我的整个PHP代码