新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › AI 相关 › Javascript front end question - Ajax related

精华好帖回顾
· 【参加活动】---我家的私房菜---遵义羊肉粉，带皮的，保证没膻味 (2018-11-20) ta_xiang	· 别弄脏了回忆(197楼更新) (2016-5-3) 双鱼妈妈
· 选购化妆刷心得， 20把mac， bb 化妆刷用法。 must have list (2009-7-18) tiffany_yuyu	· 日本的照片（三）—— 北海道的残冬 (2010-6-24) 老陶

查看: 1711|回复: 14

Javascript front end question - Ajax related [复制链接]

porcorosso

金靴族

发表于 2011-1-21 09:11 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

I am doing maintenance to old native javascript codings.

Scenario:
I do a AJAX call, returning something like this:
<div id="new_el">This is new content</div>

I bind this returned content back to the main content by simply doing this:
document.getElementById('target').innerHTML = returnedString;

Problem:
document.getElementById('new_el') does not return me anything. I have done both exeScript() and eval() to try binding the id into main content but no help.

Now I need your help. Thanks.

nextstep

铜靴族

发表于 2011-1-21 09:17 |显示全部楼层

此文章由 nextstep 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 nextstep 所有！转贴必须注明作者、出处和本声明，并保持内容完整

Did hues ID new_el somewhere else on the main content?

kr2000

白金靴族

发表于 2011-1-21 09:23 |显示全部楼层

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

试试把document.getElementById('new_el')写在ajax call里面看能得到值吗

乱码

银靴族

发表于 2011-1-21 09:29 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

check out dom insertion using jQuery:

http://api.jquery.com/category/manipulation/dom-insertion-inside/

http://api.jquery.com/category/m ... -insertion-outside/

具体用append 还是insert 根据你个人的需要了

如果你实在想用population的方式，可以用$('#target').text(returnedString);

[ 本帖最后由乱码于 2011-1-21 13:36 编辑 ]

porcorosso

金靴族

发表于 2011-1-21 09:30 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

Found that the ID will never be registered into main content after returning. you can easily write a test script to prove i am write.

Anyway just to share this function, to overcome the problem i have.

function getElementsByTagnameThenID(tagName, ID)
{
try {
var tables = document.getElementsByTagName(tagName);
if(tables.length>0)
{
for(var i=0; i<tables.length; i++){
if(tables[i].id == ID)
return tables[i];
}
}
}catch(e){
return null;
}
}

复制代码

hope you find it useful

[ 本帖最后由 porcorosso 于 2011-1-21 10:34 编辑 ]

porcorosso

金靴族

发表于 2011-1-21 09:30 |显示全部楼层

回复 2# 的帖子

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

the ajax returned content will have an element with id 'new_el', and the returned content will be inserted into main content as part of content.

porcorosso

金靴族

发表于 2011-1-21 09:31 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 kr2000 于 2011-1-21 10:23 发表
试试把document.getElementById('new_el')写在ajax call里面看能得到值吗

will not get

porcorosso

金靴族

发表于 2011-1-21 09:32 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由乱码于 2011-1-21 10:29 发表
check out dom insertion using jQuery:

http://api.jquery.com/category/manipulation/dom-insertion-inside/

http://api.jquery.com/category/m ... -insertion-outside/

具体用append 还是insert ...

was using native javascript, no framework... i thought of using jquery by the existing code have registered '$' function already, which is native jquery alias

*** crying ***

乱码

银靴族

发表于 2011-1-21 09:34 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 porcorosso 于 2011-1-21 10:32 发表

was using native javascript, no framework... i thought of using jquery by the existing code have registered '$' function already, which is native jquery alias

*** crying ***

不需要用$,直接写jQuery代替$,他们两个一样的

或者 http://api.jquery.com/jQuery.noConflict/

[ 本帖最后由乱码于 2011-1-21 10:40 编辑 ]