Javascript front end question - Ajax related

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

Did hues ID new_el  somewhere else on the main content?

kr2000

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

乱码

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

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.

1. function getElementsByTagnameThenID(tagName, ID)
   
2. {
   
3.         try {
   
4.                 var tables = document.getElementsByTagName(tagName);
   
5.                 if(tables.length>0)
   
6.                 {
   
7.                         for(var i=0; i<tables.length; i++){
   
8.                                 if(tables[i].id == ID)
   
9.                                         return tables[i];
   
10.                         }
    
11.                 }
    
12.         }catch(e){
    
13.                 return null;
    
14.         }
    
15. }

复制代码

hope you find it useful

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

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

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

will not get

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 ***

乱码

原帖由 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 编辑 ]

乱码

贴个精简后的source code上来 :)

典

with jquery you can do $("#target").load(),  
or $("#target").html()

dalaohu

Its like sex

U need to keep trying

To find best spot

psveind

好像要 document.createElement("div")?

不会游泳的鱼

DOM Object在页面load完后就不会刷新的了吧。

zhilaohu

lz 确定不是拼写错误引起的？你所举的这种Scenario非常常见阿，应该说不可能出现你所说的这种问题。把有问题的代码贴出来看看吧。