0

私は WCF サービスを使用して、jQueryMobile アプリケーションからデータを取得し、データをデータベースに投稿しています。私のサービスは別のサーバーにあることに注意してください。リモートサービスからデータを取得できました。しかし、POST メソッドを使用してデータを更新する際に問題が発生しています。以下は私のコードです。解決策を見つけるのを手伝ってください。

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
    <div data-role="page" id="index">
        <div data-role="content">
            <input name="text-1" id="text1" value="" type="text">
            <input name="text-2" id="text2" value="" type="text">
            <a href="#" data-role="button" id="useJSONP">Update</a>
        </div>
        <script type="text/javascript" charset="utf-8">
            $(document).on('pagebeforeshow', '#index', function () {
                $("#useJSONP").click(function () {
                    var id = $("#text1").val();
                    var name = $("#text2").val();
                    var userData = { "EmployeeID": id, "FirstName": name };
                    $.ajax({
                        url: "http://Mysite:83/FromDBDataService.svc/PostEmployeeData?callback=?",
                        type: "POST",
                        data: userData,
                        crossDomain: true,
                        contentType: "application/json; charset=utf-8",
                        dataType: "jsonp",
                        processdata: true,
                        success: function res(msg) {
                            alert("hello" + msg);
                        },
                        error: function error(response) {
                            alert("error");
                        }
                    });
                });
            });
        </script>
    </div>
</body>
</html>

WCF サービス:-

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
using System.ServiceModel.Activation;
using System.ServiceModel.Web;
using System.Data.SqlClient;
using System.Web.Configuration;
using System.Data;
using System.Reflection;

namespace ServiceSite
{
    [ServiceContract]
    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class FromDBDataService 
    {
        [OperationContract]
        [WebInvoke(Method = "POST",
            BodyStyle = WebMessageBodyStyle.Wrapped,
            RequestFormat = WebMessageFormat.Json,
            ResponseFormat = WebMessageFormat.Json)]
        public void PostEmployeeData(int EmployeeID,string FirstName)
        {
            SqlConnection con = new SqlConnection(WebConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString);
            SqlCommand cmd = new SqlCommand("update Employees set FirstName=@FirstName where EmployeeID=@EmployeeID", con);
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            cmd.Parameters.Add(new SqlParameter("@EmployeeID", EmployeeID));
            cmd.Parameters.Add(new SqlParameter("@FirstName", FirstName));
            con.Open();
            cmd.ExecuteNonQuery();
            con.Close();
        }
   }
    public class EmployeeNew
    {
        public int EmployeeID { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
    }
}

ありがとう、バヴィア。

4

1 に答える 1

0

クロスドメイン POST リクエストを行うことはできません。あなたが興味を持っているかもしれないいくつかのハックがあります。ここに別のリンクがあります

また、 same origin policiesについてさらに学ぶことをお勧めします。

JSONP リクエストは<script></script>、POST リクエストでは実行できないスクリプトを配置することで実行されます。

于 2013-03-04T09:27:53.527 に答える