Question

I am trying to call a Web Method of service from a Jquery Ajax call.
Method accepts 3 parameter from the front end and search for the record in the DB.

I am not able to concatinate those 3 parameter properly in the Ajax call :

The Web Method is :

public bool FindRecord(string Fname, string Lname, string Email) 
{
    string SQL = "SELECT * FROM contactsSource WHERE (first_name ='" + Fname + "') AND (last_name = '" + Lname + "') AND (email_address_work = '" + Email +"')";
    OleDbDataReader reader = DataAccess.GetData(SQL);
    if (reader.HasRows)
    {
        return true;
    }
    else
    {
        return false;
    }
}

and the Ajax call I am trying is :

   <script type="text/javascript">
        $(document).ready(function() {
            $('#btnDownload').click(function() {
                var Fname = $('#Fname').val();
                var Lname = $('#Lname').val();
                var email = $('#Email').val();

                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    data: '{"Fname":"' + Fname + '", "Lname":"' + Lname + '", "Email":' + email + '}',
                    url: "WebService.asmx/FindRecord",
                    dataType: "json",
                    success: function(result) {
                        alert(result.d);
                    },
                    error: function(result) {
                        alert("Due to unexpected errors we were unable to load data");
                    }
                });
                //$('.secondary').show(500);
            });
        });    

    </script>

But I am keep on getting 500 Internal Server error :

{"Message":"Invalid JSON primitive: (Email ID that I am passing).","StackTrace":" at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()

Answer 1

Your email parameter should be enclosed in double quotes, otherwise it will not be parsed properly as a JSON string value. The corrected syntax should be:

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: '{"Fname":"' + Fname + '", "Lname":"' + Lname + '", "Email":"' + email + '"}',
    url: "WebService.asmx/FindRecord",
    dataType: "json",
    success: function(result) {
        alert(result.d);
    },
    error: function(result) {
        alert("Due to unexpected errors we were unable to load data");
    }
});