ตัวอย่าง Ajax jquery กับ Spring framework  สร้างคำถาม

 3,926 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 25/03/2013

ตัวอย่าง Ajax jquery กับ Spring framework

Jquery สามารถ Call AJAX ได้อยู่แล้ว

ตัวอย่างการ Call Ajax ด้วย Jquery ตามนี้เลยครับ

function callAjax(){
        $.ajax({
            type: 'POST',
            dataType : 'json',
            data: $("#myform").serialize(), //กรณี Submit form
            url: 'predict.html',  // URL ที่จะ Call
            success: function(data){
                //data คือ Output ที่ return กลับมาสามารถเอาไปใช้ได้ตามนี้ได้เลย
                //$('#s_result').val(data);
                $('#div_result').html(data.result);
            },
            cache: false,
            error: function(){
                alert("cccccccccccccc");
            }
        });
    }

จริงๆ เพียงเท่านี้ก็สามารถ Call ไปที่ Service Site ได้แล้ว
ที่เหลือ ส่วนที่ Interface Spring MVC น่าจะเป็นเรื่องของแปลง format Output
ให้ออกมาในรูปแบบของ JSON เดี๋ยวจะหาตัวอย่างมาให้ดูอีกทีนะครับ


ถ้าชอบบทความนี้ กด Like เลย :ตัวอย่าง Ajax jquery กับ Spring framework

 3,926 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 25/03/2013



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่

#1.    JJ QQ RR ↓
@ ตรงนี้ ต้องเชื่อม Spring MVC เข้าไปครับโดยใช้ ViewResolver ครับ

ตัวอย่าง AjaxViewResolver.java

package com.en.controller;

import java.util.Locale;

import org.springframework.web.servlet.View;
import org.springframework.web.servlet.view.AbstractCachingViewResolver;

public class AjaxViewResolver extends AbstractCachingViewResolver {

private String ajaxPrefix;
private View ajaxView;

protected View loadView(String viewName, Locale locale) throws Exception {
View view = null;
if (viewName.startsWith(this.ajaxPrefix)) {
view = ajaxView;
}
return view;
}

public String getAjaxPrefix() {
return ajaxPrefix;
}

public void setAjaxPrefix(String ajaxPrefix) {
this.ajaxPrefix = ajaxPrefix;
}

public View getAjaxView() {
return ajaxView;
}

public void setAjaxView(View ajaxView) {
this.ajaxView = ajaxView;
}
}

จากนี้นใช้ View ในการแปลงค่าให้อยู่ในรูปแบบ Json
ตัวอย่าง Code AjaxView.java

package com.en.controller;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.web.servlet.view.AbstractView;

import flexjson.JSONSerializer;

public class AjaxView extends AbstractView {
    protected void renderMergedOutputModel(Map map, HttpServletRequest request,
        HttpServletResponse response) throws Exception {    
        JSONSerializer serializer = new JSONSerializer();
        String jsonString = serializer.serialize(map );
        System.out.println("json "+jsonString);
        response.setContentType( "text/plain; charset=UTF-8" );
        response.getOutputStream().write( jsonString.getBytes() );
    }
}


...............................................
#2.    JJ QQ RR ↓
@ จากนั้น Config ใน Spring ตามนี้ครับ



      <bean id="ajaxViewResolver"
        class="com.en.controller.AjaxViewResolver">
        <property name="ajaxView">
            <bean class="com.en.controller.AjaxView" />
        </property>
        <property name="ajaxPrefix" value="ajax_"></property>    
    </bean>


ajax_ ในที่นี้คือ prefix ที่เอาไว้ดักเพื่อให้เข้า Return แบบ Json เพราะงั้นตรงนี้ต้องระวังถ้าหน้าจออื่น อย่าตั้งชื่อขึ้นต้นด้วย ajax_ เชียวนะ


...............................................



× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  PLSQL Sub String ด้วยคำสั่ง substr วิธีใช้งาน ถามเมื่อ (2012-11-28)   6,691 views  (ดูล่าสุดเมื่อ 38 วินาที!!)

  Bootstrap การจัดการ grid เพื่อให้รองรับกับหน้าจอทุกขนาด xs sm md lg ถามเมื่อ (2017-12-04)   2,006 views  (ดูล่าสุดเมื่อ 6 นาที)

  jQuery กำหนดให้รอ response จาก AJAX ด้วย option async ถามเมื่อ (2019-06-01)   2,591 views  (ดูล่าสุดเมื่อ 9 นาที)

  คำสั่ง Unix VI เบื้องต้น รู้คร่าวๆ พอให้แก้ปัญหาเฉพาะหน้าได้นะ ถามเมื่อ (2018-04-24)   2,406 views  (ดูล่าสุดเมื่อ 13 นาที)

  Highcharts javascript กำหนด Tooltip เพื่อแสดงผลด้วยตัวเอง ถามเมื่อ (2017-03-03)   2,057 views  (ดูล่าสุดเมื่อ 13 นาที)

  ลง Apserv แล้วค้างตรง service mysql ถามเมื่อ (2018-07-22)   3,602 views  (ดูล่าสุดเมื่อ 16 นาที)

  oracle pl sql select into dynamic sql ตัวอย่าง Code ถามเมื่อ (2014-01-31)   3,010 views  (ดูล่าสุดเมื่อ 39 นาที)

  Jasper report คืออะไร ต่างจาก iReport อย่างไร ถามเมื่อ (2015-08-23)   5,399 views  (ดูล่าสุดเมื่อ 40 นาที)

  SQL UNION กับ SQL UNION ALL ต่างกันยังไง ถามเมื่อ (2015-08-31)   4,439 views  (ดูล่าสุดเมื่อ 56 นาที)

  Print BarCode ด้วย PHP ง่ายๆ ด้วย Free Barcode Font ถามเมื่อ (2012-07-04)   3,336 views  (ดูล่าสุดเมื่อ 110 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com