将字符串从AJAX传递到

时间:2017-07-24 15:15:21

标签: c# jquery asp.net ajax jquery-select2

我看过很多关于这个主题的评论,我已经尝试了一些建议的方法来完成这个,但我仍然无法访问后面的代码。成功例程返回错误消息。我使用Select2作为输入源(没有列表,只有操作员想要输入的内容),以便通过ajax将多个条目传递给我的代码。我认为数据类型可能与后面的代码不同,但不确定如何定义除我拥有的内容之外的数据类型,或者它已经被删除而且我不知道。发生错误时,我更改为原始编程。 myData更改为模型以匹配后面的代码。 如果我输入“test”和“copy”,这就是我在select2中得到的内容。

  

模型值为:test,copy

这是我的客户端代码:

...
<select id="SearchSelect" style="width: 150px" name="SearchSelct" 
multiple onmouseover="SearchTip('#SrchToolTip','#hdnviewsrch');return 
false;"></select>
    <textarea id="SrchToolTip" style="color:blue" hidden="hidden">You can 
enter any keyword you like.</textarea>
    <br />
    <br />
<asp:Button ID="SearchFnd" runat="server" Text="Submit" 
OnClientClick="SearchSel('#SearchSelect');return false;" 
ValidateRequestMode="Disabled" UseSubmitBehavior="False"/>

<script type="text/javascript">
    $(document).ready(function () {
    //On client side - Here we render the Select 2
    $("#SearchSelect").select2(
    {
        placeholder: "Enter Search Parameters",
        tags: true,  
        tokenSeparators: [','], 
        allowClear: true,  
        minimumInputLength: 1,  
        width: 'resolve',   
        });
    });
    $("#SearchSelect").on("change", function (e) { 
SearchChange("SearchSelect"); });

    function SearchTip(SrchElem) {
        $(SrchElem).show();
        console.log("Search Tip value is: " + $("#SearchSelect").val());
        };

    function SearchChange(name, evt) {
        console.log("Search Change value is: " + $("#SearchSelect").val() 
+ "; Name: " + name);
    };
    function SearchSel(SchElem) {
        var model= { "SrchData": $(SchElem).val() };
        $.ajax(
        {
            type: "POST",    
            url: '<%= ResolveUrl("~/Default.aspx/SearchFind") %>', 
            data: JSON.stringify(model.SrchData),
            dataType: 'json',
            contentType: "application/json; charset=utf-8", 
            success: function (result) {
                alert('success');
                console.log("Search data obtained: " + result);
            },

            error: function (jqXHR, textStatus, errorThrown) {
                alert("error: " + errorThrown);
            },
            failure: function () {
            alert('Failure');
            }
            processResults: function (data, params) {
                console.log("Search data obtained: " + data);
                return {
                    results: data.d,
                    pagination: {
                        more: data.more
                    }

                };
             }
        });
    }
    </script>

这是背后的代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services;
using System.Web.Script.Services;

namespace WebApplication2
{
  public partial class _Default : Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    public class Schdata
    {
        public string SrchData { get; set; }
    }

    [WebMethod()]
    //  [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static string SearchFind(Schdata model)
    {
        System.Diagnostics.Debug.WriteLine("Went into the SearchFind 
        subroutine " + model.SrchData);
        return "1";
        }

    }
}

以下是错误消息:

  

成功! {“Message”:“Authentication failed。”,“StackTrace”:null,“ExceptionType”:“System.InvalidOperationException”}

该程序说它是成功的但是给出了一个错误,即返回(或发送)值为null,但是在后面的代码中,我在System.Diagnostics.Debug.WriteLine ...行中有一个断点,它永远不会到达那里。 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

在您的代码中

public partial class _Default : Page
{
   string myStrCb = "Value from back";
   protected void Page_Load(object sender, EventArgs e)
   {
     //... any code
   }
   // ...more code
}

在您的正面代码中

<script>
  var myJsVar = <%=myStrCb %>
</script>

在脚本中使用

function WriteValue()
{
  console.log(myJsVar); // Value from back
}