عرض البيانات من الخلفية باستخدام AJAX في صفحة HTML

كود Java

 PrintWriter out=response.getWriter(); //إرسال بيانات النص إلى العميل
 response.setContentType("text/text"); //تحديد نوع البيانات والم编码 للطلب والإجابة
 response.setCharacterEncoding("UTF-8");
 JSONArray json = JSONArray.fromObject(newsList); //تحويل obj newsList إلى obj json
 String str = json.toString(); //تحويل obj json إلى نص
 out.write(str); //إرسال النص str إلى الواجهة الأمامية 

　

كود Ajax

 $(document).ready(function() {
 $.ajax({
 url : "newsservlet",//عنوان الطلب
 dataType : "json",//نوع البيانات 
 type : "post",//طريقة الطلب
 async : false,//إذا كان الطلب متسلسل
 success : function(data) { //كيفية إرسال النجاح
 var html = "";
 for(var i=0;i<data.length;i++){ // مرور عبر مجموعة data
 var ls = data[i]; 
 html +="<li><a href='second page text.html?newsid="+ls.news_id+"'class='infNews_wrod_a'><span>"+ls.news_name+"</span></a><span class='date'>"+ls.news_time+"</span></li>";
 }
 $("#ulul").html(html); // عرض محتوى html في علامة ul مع id=ulul
 ,
)
)

صفحة HTML

<ul id="ulul"></ul>

في ajax، "#" يمثل معرف علامة، "." يمثل فئة علامة

في الخلفية الخاصة بـ Java، يجب كتابة نوع المحتوى ونوع الترميز للطلبات والإجابات قبل تحويل الجسم json إلى سلسلة، وإلا قد يؤدي ذلك إلى تشويه النصوص الصينية في json

هذا هو نهاية محتوى هذا المقال، نأمل أن تكون محتويات هذا المقال قد ساعدتكم في التعلم أو العمل، ونأمل أيضًا أن تدعموا تعليمات النطق!

البيان: محتويات هذا المقال مستمدة من الإنترنت، حقوق الطبع محفوظة للمالك الأصلي، تم إضافة المحتوى من قبل مستخدمي الإنترنت بطرقهم الخاصة، هذا الموقع لا يملك حقوق الملكية، لم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل أي مسؤولية قانونية متعلقة بذلك. إذا اكتشفتم محتوى يشتبه في انتهاك حقوق النسخ، يرجى إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال # بـ @) لتقديم الشكوى، وتقديم الأدلة ذات الصلة، إذا تم التحقق من صحة الشكوى، سيتم حذف المحتوى المزعوم فوراً.