1
|
$('input[name="name"]:checked').val()
| cs |
1
|
$('#id').is(":checked")
| cs |
1
2
3
4
|
$('input[name="name"]').each(function(idx){
alert(this.checked); //true, false
alert(this.value);//value
});
| cs |
$('<div id="'+id+'"><iframe name="'+id+'" src="" style="width:'+width+'px;height:'+height+'px;border:none;" frameBorder="0" /></div>').dialog({
autoOpen : true,
modal : true,
resizable : true,
height: 'auto',
//title : title,
width : 'auto',
position : { my: "center", at: "center", of: window },
open : function(event, ui){
$(this).dialog().parents(".ui-dialog").find(".ui-dialog-titlebar").remove();//title 삭제
var tempForm = document.createElement("form");
$(tempForm).attr("action", url).attr("method", "post").attr("target", id);
for( var paramName in params ){
$(tempForm).append('<input type="hidden" name="'+paramName+'" value="'+params[paramName]+'" />');
}
document.body.appendChild(tempForm);
tempForm.submit();
document.body.removeChild(tempForm);
},
close : function(){
$(this).dialog('destroy').remove();
}
});
$('#'+id).dialog('close');
$('#testForm').ajaxSubmit({
type: 'post',
url: '/test.do',
data: {},
success:function(data){
},
error: function(data) {
}
});
key-value 형태(?key=value&key=value...)로 전송된다.
$.ajax({
url: "",
type: "post",
data: {},
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
success: function(data) {
}
});
jquery js파일에 default 로 contentType이
application/x-www-form-urlencoded; charset=UTF-8 로 정의되어 있기 때문에
contentType 은 생략해도 된다.
$.ajax({
url: "",
type: "post",
data: JSON.stringify(data),
contentType: "application/json",
success: function(data) {
}
});
json형태로 전송된다.
data는 반드시 Stringify 처리를 해야한다.
1
2
3
4
5
6
7
|
<select id="testSel">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="targetSel">
</select>
| cs |
$(document).ready(function(){
$('#testSel').change(function(){
url : "",//목록을 조회 할 url
data : {test : this.value},//선택한 값
type : "post",
dataType : "json",
success:function(data){
//대상 콤보박스의 자식 option을 모두 지운다.
$('#targetSel').children("option").remove();
//data.rows 에 코드, 이름 형태로 되어있다고 가정.
var codeList = data.rows;
for(var i = 0; i < codeList.length ; i++){
var option = "<option value='" + codeList[i].코드값 + "'>" + codeList[i].코드명 + "</option>";
//대상 콤보박스에 추가
$('#targetSel').append(option);
}
},
error:function(jqxhr, status, error){
alert("에러");
}
});
});
| cs |
$('#form').ajaxSubmit({
type: 'post',
url: '',
data: {},
async: false,
success:function(msg){
},
error: function(data) {
}
});
$.blockUI({message:"<h1>Downloading...</h1>"});
$.fileDownload($('#testForm').prop('action'), {
//preparingMessageHtml: "We are preparing your report, please wait...",
//failMessageHtml: "There was a problem generating your report, please try again.",
httpMethod: "POST",
data: $('#testForm').serialize(),
successCallback: function (url) {
$.unblockUI();
},
failCallback: function (responseHtml, url, error) {
$.unblockUI();
alert("fail Download");
}
});
res.setHeader("Set-Cookie", "fileDownload=true; path=/");//중요cookie 설정을 하지 않으면 successCallback 이 호출되지 않는다.
<script type="text/javascript">
$(document).ready(function(){
$('#searchStartDate').datepicker({changeMonth: true, changeYear: true});
});
</script>
<input type="text" name="searchStartDate" id="searchStartDate" />
