사용하기에 앞서 웹서비스를 만들어야 한다.
웹서비스가 들어가는 프로젝트는 항시 닷넷 3.5 이상을 사용하여 만들도록 하자

제이쿼리로 웹서비스 만들기 http://motolies.tistory.com/268
웹서비스 만드는 방법   http://motolies.tistory.com/267
web.config DB connetion     http://motolies.tistory.com/292
DBHandler 및 사용법    http://motolies.tistory.com/293

1. Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Test._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(function() {

GetSimple();

            function GetSimple() {
var obj = {
//파라미터 값 넘길 때는 밑에 주석 풀고
      //DName: $("#txtPopDrugSearch").val().toString().trim()
  //, PAGENUM: PAGENUM
};

var data = ajaxHelper.MakeJsonText(obj);

ajaxHelper.url = "/MySevice.asmx/HelloWorld";

var ajaxObj = {};

ajaxObj.fn = GetSimple_Result;

ajaxObj.data = data;

ajaxHelper.Call(ajaxObj);

}

function GetSimple_Result(data) {

alert(data);

}

});

</script>

</head>

<body>

<div>

</div>

</form>

</body>

</html>

2. AjaxCaller.js

AjaxCaller.7z

/*jQuery ajax 를 도와주는 js 파일 입니다.

제작자 : 김석환*/

//설정 셋팅

var ajaxHelper = {};

ajaxHelper.CallType = "POST";

ajaxHelper.dataType = "json"

ajaxHelper.url = "";

ajaxHelper.async = true;

ajaxHelper.contentType = "application/json; charset=utf-8";

ajaxHelper.paramObj = {};

//웹서비스 호출

ajaxHelper.Call = function (obj) {

var data = obj.data;

if (!data) {

data = "{}";

}

var fn = obj.fn;

$.ajax({

type: ajaxHelper.CallType,

url: ajaxHelper.url,

dataType: ajaxHelper.dataType,

contentType: ajaxHelper.contentType,

data: data,

async: ajaxHelper.async,

success: function (data) {

if (fn && typeof fn == "function") {

fn(data.d, ajaxHelper.paramObj);

}

error: function (err) {

alert(err.responseText);

}

});

};

//object 를 json 형태의 텍스트로 변환

ajaxHelper.MakeJsonText = function (obj) {

var json = "{";

if (obj && typeof obj == "object")

for (var item in obj) {

json += item.toString() + ":" + (obj[item] == null ? null : "\"" + QuitationReplace(obj[item]) + "\"") + ",";

}

if (json.lastIndexOf(",") > 0) {

json = json.substring(0, json.length - 1);

}

json += "}";

return json;

}

function QuitationReplace(strObj) {

var rtn = strObj.toString().replace(/\\/g, "\\\\").replace(/'/g, "\\\'").replace(/"/g, "\\\"").replace(/\r\n/g, "\\n").replace(/\n/g, "\\n");

return rtn;

}

제이쿼리로 웹서비스 사용하기 ASP.NET Web Service for JQuery