>  기사  >  웹 프론트엔드  >  jQuery_jquery를 사용하여 모달 상자에 여러 데이터 조각을 삽입하기 위한 구현 코드

jQuery_jquery를 사용하여 모달 상자에 여러 데이터 조각을 삽입하기 위한 구현 코드

WBOY
WBOY원래의
2016-05-16 16:34:341356검색

코드 복사 코드는 다음과 같습니다.

//부트스트랩 모달 상자(일부)

코드 복사 코드는 다음과 같습니다.

/**
* 데이터 세부정보 보기
* @黑눈의 시인
*/
함수 orderDetail(order_no)
{
//1. 먼저 모달 상자 데이터를 지웁니다
$('#orderDetail').find('tr').first().nextAll().remove();

//2. 외부 삽입
var 주문_번호 = 주문_번호;

$.post(base_url '?d=admin&c=orders&m=ajax_order_detail', {order_no:order_no}, 함수(데이터){

​ //데이터 형식은 다음과 같습니다: [{no:123,old:abc},{no:234,old:def},{no:345,old:ghi}]
var obj = eval('(' 데이터 ')');

$.each(obj, 함수(i, n){

var tr = $('#orderDetail').find('tr').last();

tr.after("" n['organize_name'] ":" n['cate_name'] " -- " n['course_name'] "< td>" n['old_price'] "" n['sale_price'] "");
});
});
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.