如何正确调试和确定IE中js错误的javascript / ajax根本原因

Question

Site (url) is here: http://www.icrm.org/career-opportunities/

This shows a table in which the column headers are clickable (they sort) and the column Career Title entries are all clickable - they lead to a details screen that shows more.

This works well (formatting issues aside) in all browsers except IE

What is bizarre is that in IE only the first link in the list of Titles does't work (Electronic Records Manager Structured). Yet you can see the call is identical to every other title when you mouse over it. All the other links work fine.

When the list is re-sorted the problem "follows" the link in question NOT staying associated with the (new) first link.

This rules out positionally as the root cause however I've also changed the title of the item in question enough times to eliminate anything that the text contains.

My question is where do I go from here? Every platform I use for development the problem doesn't manifest.

Answer 1

So if you open this up in IE dev tools (hit F12) you can monitor the network traffic and see what is going on behind the scenes. When you click "Electronic Records Manager Structured" the following executes successfully: javascript:fetchRemoteData(null,"&column=Title&rowID=1114"). This results in a successful network request and response containing:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<JobPostings columns="19" method="DisplayAJobPost" rows="1">
   <JobPosting row="0">
      <ID>1114</ID>
      <ApprovedPublic>Y</ApprovedPublic>
      <Status>Approved</Status>
      <Title>Electronic Records Manager Structured</Title>
      <Location>Rosemead, California United States Of America</Location>
      <Company>Southern California Edison</Company>
      <CRMQualifications>CRM Preferred</CRMQualifications>
      <Requirements/>
      <Description>Highly-motivated; like challenge; &#13;
collaborative; committed to delivering &#13;
high quality workÉ Did we describe &#13;
you? Read onÉ&#13;
 &#13;
Southern California Edison is one of &#13;
the nation?s largest investor-owned &#13;
electric utilities. We are an industry &#13;
leader that is designing new and &#13;
innovative ways to meet our &#13;
...

This too me looks to all be behaving normally and correctly. However, when your application then goes to try and display this on the page:

SCRIPT5007: Unable to get property 'documentElement' of undefined or null reference File: api.js, Line: 421, Column: 4.

and

XML5617: Illegal XML character. Line: 14, Column 18

I suspect this is because the XML that you are returning for that specific record is invalid. Start there, hopefully that helps!

Answer 2

I am not sure of this but it seems there are some not compatible characters returned in you response for Electronic Records Manager Structured . Can you check if you don't have any character which does not fall under this given charset , if you do have any invalid charater then your element returned from techanoReq.responseXML.documentElement will be null.