Как добавить контент javascript на страницу asp.net

Question

Как добавить контент javascript на страницу asp.net

1

Я пытаюсь добавить очень простую стену оплаты мудреца на моей веб-странице, и когда я импортирую скрипт, кажется, что он не вызывает сценарий js. Я новичок в asp.net и не могу понять, как выполнить блок сценариев, im используя код позади, а также в С#. Это мой очень простой код asp.net для обработки транзакций.

    <%@ Page Language="C#" Inherits="MG_CreditCard_Authenticator_1.Default" %>
<!DOCTYPE html>


<html>

<head runat="server">
    <title>Default</title>


</head>



<body>

    <form id="form1" runat="server"  >
            <div id="topLevel" runat="server" margin="100px">
                <asp:Label id="InvoiceLable" runat="server" Text="Invoice" />
                <asp:TextBox id="InvoiceTextBox" runat="server" TextMode="Password" />
            </div>

            <div id="secondTopLevel" runat="server" >
                <asp:Label id="DateLabel" runat="server" Text="Date"/>
                <asp:TextBox id="DateTextBox" runat="server"/>
            </div>
            <div id="thirdTopLevel" runat="server">
                <asp:Button id="button1" runat="server" Text="Finish" OnClick="button1Clicked" />
            </div>
            <div id="form2" runat="server">

                <asp:TextBox id="postInflow" runat="server" Height="200px" Width="400px" ReadOnly="true" TextMode="MultiLine" />
                <asp:Button id="genRecipt" runat="server" Text="Generate" OnClick="ACHauth"  />

                <script type="text/javascript" src="https://www.sagepayments.net/pay/1.0.2/js/pay.min.js"></script>

    <!--                <script language="javascript"src='<%=ResolveUrl("PaymentHandler.js")%>' type='text/javascript'</script> 
     -->

            </div>          
    </form>

</body>
</html>

И этот мой код на С# за кодом

using System;
using System.Web;
using System.Web.UI;

namespace MG_CreditCard_Authenticator_1
{

    public partial class Default : System.Web.UI.Page
    {
        String invoiceNumber = "Invoice Number";
        //String Date = "";
        //String outputData = "";
        //int buttonclicks = 0;


        public void button1Clicked(object sender, EventArgs args)
        {

            button1.Text = "Done";
            invoiceNumber = InvoiceTextBox.Text;
            InvoiceLable.Text = "Invoice Number";
            postInflow.Text = "Displaying info for Invoice Number: "+InvoiceTextBox.Text+" made on "+DateTextBox.Text;

            Page.ClientScript.RegisterClientScriptInclude("Registration", ResolveUrl("/Users/ShashankMurthy/Projects/MG_CreditCard_Authenticator_1.03/MG_CreditCard_Authenticator_1.03/PaymentHandler.js"));

        }

        public void GetValue(String key){

            var appConfig = System.IO.File.ReadAllText(key);
        }
        public void ACHauth(object sender, EventArgs args){
        }
      }
    }

Я пробовал все решения, которые я мог найти в Интернете, но функция javascript не вызывается.

Файл Javascript, который я создал для скрипта

<script type="text/javascript">
    PayJS(['PayJS/UI'], // loading the UI module...
    function($UI) { // ... and assigning it to a variable
        $UI.Initialize({
            elementId: "paymentButton",
            // identifiers (no keys!):
            clientId: "myClientId", // https://developer.sagepayments.com/user/register
            merchantId: "999999999997",
            // auth, covered later:
            authKey: "ABCD==",
            salt: "DEFG==",
            // config:
            requestType: "payment", // or "vault" to tokenize a card for later
            amount: "1.00",
            orderNumber: "Invoice12345",
            // convenience:
            addFakeData: true,
        });
    });
</script>

Обновлен код asp.net

<%@ Page Language="C#" Inherits="MG_CreditCard_Authenticator_1.Default" %>
<!DOCTYPE html>


<html>

<head runat="server">
    <title>Default</title>


</head>



<body>

    <form id="form1" runat="server"  >
            <div id="topLevel" runat="server" margin="100px">
                <asp:Label id="InvoiceLable" runat="server" Text="Invoice" />
                <asp:TextBox id="InvoiceTextBox" runat="server" TextMode="Password" />
            </div>

            <div id="secondTopLevel" runat="server" >
                <asp:Label id="DateLabel" runat="server" Text="Date"/>
                <asp:TextBox id="DateTextBox" runat="server"/>
            </div>
            <div id="thirdTopLevel" runat="server">
                <asp:Button id="button1" runat="server" Text="Finish" OnClick="button1Clicked" />
            </div>
            <div id="form2" runat="server">

                <asp:TextBox id="postInflow" runat="server" Height="200px" Width="400px" ReadOnly="true" TextMode="MultiLine" />

                <script type="text/javascript" src="https://www.sagepayments.net/pay/1.0.2/js/pay.min.js"></script>

                               <button id="paymentButton">
                    Click
                </button>

                <script type="text/javascript">
                        PayJS(['PayJS/UI'], // loading the UI module...
                        function($UI) { // ... and assigning it to a variable
                            $UI.Initialize({
                                elementId: "paymentButton",
                                // identifiers (no keys!):
                                clientId: "myClientId", // https://developer.sagepayments.com/user/register
                                merchantId: "999999999997",
                                // auth, covered later:
                                authKey: "ABCD==",
                                salt: "DEFG==",
                                // config:
                                requestType: "payment", // or "vault" to tokenize a card for later
                                amount: "1.00",
                                orderNumber: "Invoice12345",
                                // convenience:
                                addFakeData: true,
                            });
                        });
                </script>




            </div>



    </form>

</body>
</html>

ZeroDay Fracture 14 июнь 2017, в 18:20

Источник

Теги:

c#

javascript

asp.net

1 ответ

Ещё вопросы

Stephen · Accepted Answer · 2017-06-14T13-19-00.000Z

0

Лучший ответ

Я не думаю, что вы хотите, чтобы кнопки ASP делали сообщения обратно в код. Вы можете увидеть здесь https://jsfiddle.net/ax67cpjt/, что я просто добавил ваш скрипт и кнопку с id paymentButton и он отлично работает.

Stephen 14 июнь 2017, в 13:19

0

Это работает, спасибо много, но он все еще мигает, а затем сразу выходит, он выполняет сценарий js, но он просто мигает в течение секунды.
ZeroDay Fracture 14 июнь 2017, в 16:14
0

Как выглядит ваш HTML сейчас? Вы поместили идентификатор на одну из кнопок ASP?
Stephen 14 июнь 2017, в 16:16
0

Я обновлю его выше, и да, я добавил <button id = "paymentButton"> Нажмите </ button> Он просто мигает
ZeroDay Fracture 14 июнь 2017, в 16:17
0

Добавьте type="button" к элементу <button> . <button id="paymentButton" type="button">Click</button>
Stephen 14 июнь 2017, в 16:21
0

ВАУ большое спасибо Стивену, что решил это. Я новичок в веб-разработке, вы были терпеливы и полезны еще раз спасибо. Есть ли причина, по которой добавление типа исправило это?
ZeroDay Fracture 14 июнь 2017, в 16:24
0

Рад был помочь. Причина этого в том, что кнопка находится в элементе формы, поэтому поведение по умолчанию - отправка.
Stephen 14 июнь 2017, в 16:28
0

Есть ли способ для этого в обратном коде с использованием C #, или не рекомендуется, так как я хотел бы добавить несколько процессоров CC.
ZeroDay Fracture 14 июнь 2017, в 16:48
0

Похоже, вы могли бы использовать их direct-api, чтобы сделать это github.com/SagePayments/Direct-API/tree/master/csharp, но я не знаю, хотите ли вы заниматься обработкой информации о кредитной карте клиента, даже если это просто отправка информации обратно на сервер.
Stephen 14 июнь 2017, в 17:10
0

ааа я вижу спасибо за разъяснения и ссылки, я просто знакомлюсь с asp.net
ZeroDay Fracture 14 июнь 2017, в 17:38

Показать ещё 7 комментариев