Sample of Ajax

demo

1. <script type="text/javascript">
   
2. //---------------------------------------------------------------
   
3.     function UpdateIssueType(value, level) {
   
4. //---------------------------------------------------------------
   
5.         var innerhtml, CanDoAA, IssueNbr;
   
6. 
   
7.         if (document.form.inp_IssueNbr) {
   
8.             IssueNbr = document.form.inp_IssueNbr.value;
   
9.         }
   
10.         else {
    
11.             IssueNbr = 0;
    
12.         }
    
13. 
    
14. 
    
15.         if (document.form.CanDoAutoAssign) {
    
16.             CanDoAA = "True";
    
17.         }
    
18.         else {
    
19.             CanDoAA = "False";
    
20.         }
    
21. 
    
22.         if (level == "0") {
    
23.             innerhtml = "<select name='inp_IssueSubType2' id='inp_IssueSubType2' onchange='UpdateIssueType(this.value, "2");UpdateTrakTip(this.value, "2");'>";
    
24.             $("#div_IssueSubType2").html(innerhtml);
    
25.             innerhtml = "<select name='inp_IssueSubType3' id='inp_IssueSubType3' onchange='UpdateIssueType(this.value, "3");UpdateTrakTip(this.value, "3");'>";
    
26.             $("#div_IssueSubType3").html(innerhtml);
    
27.             $("#addLink2").html("");
    
28.             innerhtml = "<select name='inp_IssueSubType4' id='inp_IssueSubType4' onchange='UpdateIssueType(this.value, "4");\UpdateTrakTip(this.value, "4");'>";
    
29.             $("#div_IssueSubType4").html(innerhtml);
    
30.             $("#addLink3").html("");
    
31.             $("#addLink4").html("");
    
32. 
    
33.             $.ajax({
    
34.                 type: "GET",
    
35.                 url: "Ajax_IssueTypes.asp",
    
36.                 data: "value=" + value + "&level=" + level + "&CanDoAA=" + CanDoAA + "&IssueNbr=" + IssueNbr,
    
37.                 async: false,
    
38.                 success: function(msg) {
    
39.                     $("#div_IssueSubType").html(msg);
    
40.                     if (value > 0) {
    
41.                         innerhtml = " <a class="detailsLink" title="Add a new SubType 1 to the list" href="javascript:void(0)" onclick="window.open('Pop_QuickAdd.asp?addType=SubType 1&fieldName=inp_IssueSubType&parentID=' + document.form.inp_IssueType.value,'','toolbar=0,scrollbars=1,menubar=0,location=0,resizable=1,directories=0,status=0,width=550,height=300,left=50,top=20'); return false;">add</a>"
    
42.                     }
    
43.                     else {
    
44.                         innerhtml = ""
    
45.                     }
    
46. 
    
47.                     $("#addLink1").html(innerhtml);
    
48. 
    
49.                 }
    
50.             });
    
51.         }
    
52.         else if (level == "1") {
    
53.             innerhtml = "<select name='inp_IssueSubType3' id='inp_IssueSubType3' onchange='UpdateIssueType(this.value, "3");UpdateTrakTip(this.value, "3");'>";
    
54.             $("#div_IssueSubType3").html(innerhtml);
    
55.             innerhtml = "<select name='inp_IssueSubType4' id='inp_IssueSubType4' onchange='UpdateIssueType(this.value, "4");UpdateTrakTip(this.value, "4");'>";
    
56.             $("#div_IssueSubType4").html(innerhtml);
    
57. 
    
58.             $.ajax({
    
59.                 type: "GET",
    
60.                 url: "Ajax_IssueTypes.asp",
    
61.                 data: "value=" + value + "&level=" + level + "&CanDoAA=" + CanDoAA + "&IssueNbr=" + IssueNbr,
    
62.                 async: false,
    
63.                 success: function(msg) {
    
64.                     $("#div_IssueSubType2").html(msg);
    
65.                     innerhtml = " <a class="detailsLink" title="Add a new SubType 2 to the list" href="javascript:void(0)" onclick="window.open('Pop_QuickAdd.asp?addType=SubType 2&fieldName=inp_IssueSubType2&parentID=' + document.form.inp_IssueSubType.value,'','toolbar=0,scrollbars=1,menubar=0,location=0,resizable=1,directories=0,status=0,width=550,height=300,left=50,top=20'); return false;">add</a>"
    
66.                     $("#addLink2").html(innerhtml);
    
67.                     $("#addLink3").html("");
    
68.                     $("#addLink4").html("");
    
69.                 }
    
70.             });
    
71.         }
    
72.         else if (level == "2") {
    
73.             innerhtml = "<select name='inp_IssueSubType4' onchange='UpdateIssueType(this.value, "4");UpdateTrakTip(this.value, "4");'>";
    
74.             $("#div_IssueSubType4").html(innerhtml);
    
75. 
    
76.             $.ajax({
    
77.                 type: "GET",
    
78.                 url: "Ajax_IssueTypes.asp",
    
79.                 data: "value=" + value + "&level=" + level + "&CanDoAA=" + CanDoAA + "&IssueNbr=" + IssueNbr,
    
80.                 async: false,
    
81.                 success: function(msg) {
    
82.                     $("#div_IssueSubType3").html(msg);
    
83.                     innerhtml = " <a class="detailsLink" title="Add a new SubType 3 to the list" href="javascript:void(0)" onclick="window.open('Pop_QuickAdd.asp?addType=SubType 3&fieldName=inp_IssueSubType3&parentID=' + document.form.inp_IssueSubType2.value,'','toolbar=0,scrollbars=1,menubar=0,location=0,resizable=1,directories=0,status=0,width=550,height=300,left=50,top=20'); return false;">add</a>"
    
84.                     $("#addLink3").html(innerhtml);
    
85.                     $("#addLink4").html("");
    
86.                 }
    
87.             });
    
88.         }
    
89.         else if (level == "3") {
    
90.             $.ajax({
    
91.                 type: "GET",
    
92.                 url: "Ajax_IssueTypes.asp",
    
93.                 data: "value=" + value + "&level=" + level + "&CanDoAA=" + CanDoAA + "&IssueNbr=" + IssueNbr,
    
94.                 async: false,
    
95.                 success: function(msg) {
    
96.                     $("#div_IssueSubType4").html(msg);
    
97.                     innerhtml = " <a class="detailsLink" title="Add a new SubType 4 to the list" href="javascript:void(0)" onclick="window.open('Pop_QuickAdd.asp?addType=SubType 4&fieldName=inp_IssueSubType4&parentID=' + document.form.inp_IssueSubType3.value,'','toolbar=0,scrollbars=1,menubar=0,location=0,resizable=1,directories=0,status=0,width=550,height=300,left=50,top=20'); return false;">add</a>"
    
98.                     $("#addLink4").html(innerhtml);
    
99.                 }
    
100.             });
     
101.         }
     
102.     }
     
103. //---------------------------------------------------------------
     
104.     function UpdateSearchIssueType(value, level, IsIssueType) {
     
105. //---------------------------------------------------------------
     
106.         var innerhtml, Inactive, ReportID;
     
107. 
     
108.         if (($("#CheckboxInactive").is(':checked')) == true) {
     
109.             Inactive = 1;
     
110.         }
     
111.         else {
     
112.             Inactive = 0;
     
113.         }
     
114. 
     
115. 
     
116.         if ($("#inp_ReportID").value > 0) {
     
117.             ReportID = 1;
     
118.         }
     
119.         else {
     
120.             ReportID = 0;
     
121.         }
     
122. 
     
123.         if (level == "0" && IsIssueType == "1") {
     
124.             innerhtml = "<select name='inp_IssueSubType' id='inp_IssueSubType' onchange='UpdateSearchIssueType(this.value, "1", "0");'>";
     
125.             $("#div_IssueSubType").html(innerhtml);
     
126.             innerhtml = "<select name='inp_IssueSubType2' id='inp_IssueSubType2' onchange='UpdateSearchIssueType(this.value, "2", "0");'>";
     
127.             $("#div_IssueSubType2").html(innerhtml);
     
128.             innerhtml = "<select name='inp_IssueSubType3' id='inp_IssueSubType3' onchange='UpdateSearchIssueType(this.value, "3", "0");'>";
     
129.             $("#div_IssueSubType3").html(innerhtml);
     
130.             innerhtml = "<select name='inp_IssueSubType4' id='inp_IssueSubType4' onchange='UpdateSearchIssueType(this.value, "4", "0");'>";
     
131.             $("#div_IssueSubType4").html(innerhtml);
     
132. 
     
133. 
     
134.             $.ajax({
     
135.                 type: "GET",
     
136.                 url: "Ajax_IssueTypes.asp",
     
137.                 data: "level=" + level + "&IncInactive=" + Inactive + "&IsIssueType=" + IsIssueType + "&IssueSearch=1",
     
138.                 success: function(msg) {
     
139.                     $("#div_IssueType").html(msg);
     
140.                     if (value > 0 && ReportID == 1) {
     
141.                         $("#inp_IssueType").val(value);
     
142.                     }
     
143.                 }
     
144.             });
     
145.         }
     
146.         else if (level == "0" && IsIssueType == "0") {
     
147.             innerhtml = "<select name='inp_IssueSubType2' id='inp_IssueSubType2' onchange='UpdateSearchIssueType(this.value, "2", "0");'>";
     
148.             $("#div_IssueSubType2").html(innerhtml);
     
149.             innerhtml = "<select name='inp_IssueSubType3' id='inp_IssueSubType3' onchange='UpdateSearchIssueType(this.value, "3", "0");'>";
     
150.             $("#div_IssueSubType3").html(innerhtml);
     
151.             innerhtml = "<select name='inp_IssueSubType4' id='inp_IssueSubType4' onchange='UpdateSearchIssueType(this.value, "4", "0");'>";
     
152.             $("#div_IssueSubType4").html(innerhtml);
     
153. 
     
154. 
     
155.             $.ajax({
     
156.                 type: "GET",
     
157.                 url: "Ajax_IssueTypes.asp",
     
158.                 data: "value=" + value + "&level=" + level + "&IncInactive=" + Inactive + "&IsIssueType=" + IsIssueType + "&IssueSearch=1",
     
159.                 success: function(msg) {
     
160.                     $("#div_IssueSubType").html(msg);
     
161.                     if (value > 0 && ReportID == 1) {
     
162.                         $("#inp_IssueSubType").val(value);
     
163.                     }
     
164.                 }
     
165.             });
     
166.         }
     
167.         else if (level == "1") {
     
168.             innerhtml = "<select name='inp_IssueSubType3' id='inp_IssueSubType3' onchange='UpdateSearchIssueType(this.value, "3", "0");'>";
     
169.             $("#div_IssueSubType3").html(innerhtml);
     
170.             innerhtml = "<select name='inp_IssueSubType4' id='inp_IssueSubType4' onchange='UpdateSearchIssueType(this.value, "4", "0");'>";
     
171.             $("#div_IssueSubType4").html(innerhtml);
     
172. 
     
173.             $.ajax({
     
174.                 type: "GET",
     
175.                 url: "Ajax_IssueTypes.asp",
     
176.                 data: "value=" + value + "&level=" + level + "&IncInactive=" + Inactive + "&IsIssueType=" + IsIssueType + "&IssueSearch=1",
     
177.                 success: function(msg) {
     
178.                     $("#div_IssueSubType2").html(msg);
     
179.                     if (value > 0 && ReportID == 1) {
     
180.                         $("#inp_IssueSubType2").val(value);
     
181.                     }
     
182.                 }
     
183.             });
     
184.         }
     
185.         
     
186.     }

复制代码