웹관련/Ajax7 [자바스크립트] Ajax로 데이터를 넘길때, 공백과 엔터값등이 사라질경우 input 창 또는 textarea 에서 글을 입력후 Ajax 로 처리하기 위해서 값을 넘겼는데공백과 엔터키 값등이 다 사라지고 저장이 되는경우가 있다. 그럴경우에는 넘길 데이터를 변수에 저장한다음, 해당변수를 인코딩 처리해서 넘기면됩니다. 예를 들면 아래와 같다 var text = "ab cd ef"; text = encodeURIComponent(text); 이런식으로 인코딩을 해주면, 띄워쓰기 값과, 엔터키 값등이 ajax param 값으로 넘길때잘 넘어가집니다. ^^ 2019. 3. 26. [Ajax] Ajax에서 데이터 불러올때 엔터값으로 발생한 에러 해결방안 Ajax로 데이터를 불러올때 엔터키 값때문에 오류가 나는경우가 있습니다.이럴경우 서버에서 불러올때 엔터키값을 로 바꾸고Ajax 데이터를 읽어오는곳에서 값을 다시 엔터키 값으로 치환을 해야합니다. 예를 들어 ASP에서 데이터를 입력할때 아래와 같이 입력값을 치환(Replace) 하면됩니다. ASP 예문 cont = Replace(cont,Chr(13)&Chr(10)," ") 이후 Ajax에서 불러올때 br태그를 다시 치환(replace) 해주면 됩니다. JS 예문 var cont = obj[i].cont.replace(' ','\r\n'); 이러면 Ajax에서 데이터를 불러올때 엔터키 값때문에 에러가 발생되지 않습니다. 2018. 11. 5. [Ajax] Xml 데이터 끌고오기 웹 작업을 하다 보면 간혹 데이터를 DB가 아닌 Xml데이터에서 끌고 와야하는경우가 있습니다. 그럴때 Ajax로 간단하게 끌고 올수가 있습니다. Xml 파일이 같은 폴더에 존재한다는 가정하에 아래소스를 사용하면 됩니다. HTML 소스 번호 성명 학교 학과 JavaScript 소스 function xmlDataReturn() { var xmlDataUser = null; if (xmlDataUser == null) { $.ajax({ type: "GET", dataType: "xml", url: "TransStatus.xml", success: function (xml) { xmlDataUser = xml; UserList(xmlDataUser); }, error: function (xmlHttpReque.. 2018. 9. 12. [Ajax] Ajax에서 사용하는 json 에 대하여 Ajax를 사용하면 거의 대부분 json 에 대해서 알아야 쉽고 편하게 사용할수 있습니다. 1. JSON이 가질 수 있는 값은?json 타입은 아래와 같은 값으로 사용될 수 있습니다. 1. 숫자 Number 2. 문자 String 3. 불리언 Boolean 4. 배열 Array 5. 객체 Object 6. 빈값 Null 2. JSON과 객체의 다른점과 형태 /* 자바스크립트 객체의 문법 */{ name: "Webisfree", gender: "male"} /* JSON 형태의 문법 */{ "name" : "Webisfree", "gender": "male"} 위에 보는것처럼 반드시 이름(name)에도 따옴표가 필요한 점 꼭 기억하세요.또한 json 타입은 ' 표기가 아닌 double quotes인 " 표.. 2017. 10. 30. [Ajax] 엑셀에서 xml 데이터 변환뒤 ajax로 파일 읽어오기 많은량의 데이터가 엑셀로 되어있는경우, 엑셀에서 xml 데이터로 변환한뒤 해당파일을 ajax 로 읽어와서 화면에 뿌려주는 경우가 필요할때가 있습니다. [ 변환된 XML 데이터 예시 ]홍길동서울대사회복지학과 [ Ajax 코드로 읽어드리고 뿌리는부분 예시 ] [ HTML 코드 예시 ] 번호 성명 학교 학과 이렇게 하면 대량의 xml 파일을 ajax로 읽어들여서 html 파일에 뿌려줄수 있습니다 ^^ 2017. 4. 21. [Ajax] Euc-Kr환경 Ajax 이용시 한글깨짐 요즘에는 대부분의 개발환경이 UTF-8로 되어 있어서 나와 같은 문제를 겪는 분들이 많지 않겠지만.유지보수나 부득이하게 MS949환경에서 개발을 하다보면 jQuery $.ajax를 사용하는 과정에서 데이타를 한글로 전송하면 한글이 깨지는 문제가 있다.$.ajax({ url: 'blahblah.com', type: 'post', data: $('#form).serialize(), dataType: 'html', contentType: "application/x-www-form-urlencoded; charset=MS949", error: function(data) { alert('문제가 발생하였습니다.\n다시 시도해 주시기 바랍니다.'); }, success: function(data) { //do som.. 2016. 9. 23. [Ajax] 로딩바 구현 http://www.ajaxload.info/Ajaxload - Ajax loading gif generatorwww.ajaxload.info로딩 이미지를 만들어주는 사이트 jQuery(function($){ // Create img dom element and insert it into our document var loading = $('') .appendTo(document.body).hide(); // Make the image appear during ajax calls $(window).ajaxStart(loading.show); $(window).ajaxStop(loading.hide); }); 데이터를 호출하자~~ 2016. 9. 23. 이전 1 다음
