如何使用Jquery在HTML页面中调用json webservices方法 [英] How to call json webservices method in HTML page using Jquery

问题描述

如何在html页面中调用web服务mwethod我的脚本是这样的

How to call web services mwethod in html page my script like this

<script src="Scripts/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
    $(document).ready(function(){
      
           
            $("#btnok").click(function () {
                //alert('');
                $.ajax({
                    type: "POST",
                    url: "http://localhost:3658/HostingService.asmx/SETPostJobDetails",
                    data: "{title:'" + $("#title").val() + "',C.Name:'" + $("#name").val() + "',city:'" + $("#city").val() + "',state:'" + $("#state").val() + "',date:'" + $("#date").val() + "',duration:'" + $("#duration").val() + "',pay:'" + $("#pay").val() + "',industry:'" + $("#industry").val() + "',type:'" + $("#type").val() + "',status:'" + $("#status").val() + "',description:'" + $("#description").val() + "',qualification:'" + $("#qualification").val() + "',}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: OnSuccess,
                    error: OnError
                });
            });
        });

        function OnSuccess(data, status) {
            alert('The addition of two number is : ' + data.d);
        }

        function OnError(data, status, error) {
            alert(data.d);
        }      
    </script>

my HTML页面

my html page

<tr>
    <td width="25%" align="left" valign="middle">
        Job ID :
    </td>
    <td width="75%" align="left" valign="middle">
        <input id="id" type="text" class="textbox2" name="name" size="30">
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Job Title :
    </td>
    <td align="left" valign="middle">
        <input id="title" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Enter Company Name :
    </td>
    <td align="left" valign="middle">
        <input id="name" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        City :
    </td>
    <td align="left" valign="middle">
        <input id="city" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        State :
    </td>
    <td align="left" valign="middle">
        <input id="state" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Post Date :
    </td>
    <td align="left" valign="middle">
        <input id="date" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Duration :
    </td>
    <td align="left" valign="middle">
        <input id="duration" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Pay Rate :
    </td>
    <td align="left" valign="middle">
        <input id="pay" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Industry :
    </td>
    <td align="left" valign="middle">
        <input id="industry" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Job Type :
    </td>
    <td align="left" valign="middle">
        <input id="type" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Enter Job Status :
    </td>
    <td align="left" valign="middle">
        <input id="status" type="text" class="textbox2" name="name" size="30" />
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Job Description :
    </td>
    <td align="left" valign="middle">
        <textarea id="description" name="" cols="" rows="" class="textarea1">&nbsp;</textarea>
    </td>
</tr>
<tr>
    <td align="left" valign="middle">
        Qualification :
    </td>
    <td align="left" valign="middle">
        <textarea id="qualification" name="" cols="" rows="" class="textarea1">&nbsp;</textarea>
    </td>
</tr>
<tr>
    <td align="center" valign="middle">
        &nbsp;
    </td>
    <td align="center" valign="middle">
        <input id="btnok" name="Submit" type="button" value="Submit" class="btn2" border="0" /><input

            name="reset" type="button" value="Reset" class="btn2" border="0" />
    </td>
</tr>

please help me



thanks and regards

please help me

thanks and regards

推荐答案

(document).ready(function(){

(document).ready(function(){

(\"#btnok\").click(function () {
//alert('');

("#btnok").click(function () { //alert('');

.ajax({
type: \"POST\",
url: \"http://localhost:3658/HostingService.asmx/SETPostJobDetails\",
data: \"{title :'\" +

.ajax({ type: "POST", url: "http://localhost:3658/HostingService.asmx/SETPostJobDetails", data: "{title:'" +

这篇关于如何使用Jquery在HTML页面中调用json webservices方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！